自学HTML笔记

最新推荐文章于 2024-01-30 05:59:20 发布

不知名菜鸟吖

最新推荐文章于 2024-01-30 05:59:20 发布

阅读量175

点赞数 1

分类专栏： html 前端文章标签： html 前端

本文链接：https://blog.youkuaiyun.com/m0_69144551/article/details/124110598

版权

前端同时被 2 个专栏收录

6 篇文章

订阅专栏

html

2 篇文章

订阅专栏

1.HTML简介

1.1网页

1.1.1什么是网页

网站是指在因特网上根据一定规则，使用HTML制作的展示特定内容相关的网页集合；
网页是网站中的一“页”，通常是HTML格式的文件，它通过浏览器来阅读；
网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成；网页常以.htm和.html格式为后缀的文件，因此俗称HTML文件；

1.1.2什么是HTML

HTML指的是超文本标记语言，是用来描述网页的一种语言。
HTML不是编程语言，而是一种标记语言；
标记语言是一套标记标签；

所谓超文本，有两层含义：

（1）它可以加入图片，声音、动画、多媒体等内容（超越了文本限制）

（2）它还可以从一个文件跳转到另外一个文件，与世界各地的主机连接（超级链接文本）；

1.2web标准

web标准是由W3C组织和其他标准化组织制定的一系列标准的集合，

1.2.1web标准的组成

主要包括结构、表现和行为三个方面：

标准	说明
结构	结构用于对网页元素进行整理和分类，（HTML）
表现	表现用于设置网页元素的版式、颜色、大小等外观样式，（CSS）
行为	行为指的是网页模型的定义及交互的编写，（JavaScript）

2.HTML标签

2.1HTML语法规范

2.1.1基本语法概述

HTML标签是由尖括号包围的关键词，例如<html>
HTML标签大部分成对出现，例如<html>和</html>，我们称为双标签，第一个是开始标签，第二个是结束标签；
有些特殊的标签必须是单标签（极少情况），如<br />我们称为单标签；

2.1.2标签关系

双标签可以分为两类：包含关系和并列关系；

(1）包含关系：（父子标签）

<head>
      <title></title>
</head>

（2）并列关系：

<head></head>
<body></body>

2.2HTML结构标签

2.2.1第一个HTML网页

每个网页都会有个基本的结构标签（骨架标签），页面内容也是在这些标签上书写的；

HTML页面也称为HTML文档；

标签名	定义	说明
<html></html>	HTML标签	页面中最大的标签，称为根标签
<head></head>	文档的头部	head标签中必须设置title标签
<title></title>	文档的标题	让页面拥有属于自己的网页标题
<body></body>	文档的主体	元素包含文档的所有内容，页面内容基本上都是放在body里面

HTML文档后缀必须是.html或者.htm，浏览器的作用是读取html文档，并以网页的形式显示出它们；

2.3网页开发工具

2.3.1vscode的使用

2.3.2vscode插件推荐

vscode工具生成骨架标签新增代码

<！DOCTYPE>标签
lang语言
charset字符集

2.3.3文档类型声明标签

<！DOCTYPE>文档类型声明，作用是告诉浏览器使用那种HTML版本来显示页面；

<!DOCTYPE html>//当前页面采用的是html5版本来显示网页

注意：

（1）<！DOCTYPE>位于文档最前面位于<html>标签前；

（2）<！DOCTYPE>不是一个HTML标签，它就是文档类型声明标签；

2.3.4 lang语言种类

1.en 定义语言为英语；//定义en就是英文网站；

2.zh-CN定义语言为中文；//定义zh-CN就是中文网站。

其实对于文档显示来说，定义en的网站也可以显示中文，定义zh-CN的网站也可以显示中文。

2.3.5字符集

字符集是多个字符的集合，以便计算机识别和储存各种文字，

在<head>标签中，可以通过<meta>标签的charset属性来规定 HTML文档应该使用哪种字符编码。

charset常用的值有：GB2313、BIG5、GBK和UTF-8，其中UTF-8被称为万国码，基本包含了全世界要用到的字符。

注意：上面语法是必须要写的代码，否则会出现乱码的情况，一般情况下用"UTF-8";