HTML全称hyper text markup language，超文本标记语言。是构建页面的标记，用于承载网站的内容。

目录

一、HTML语句规则

二、HTML基础元素

三、HTML功能元素

一、HTML语句规则

1. 文档结构

2. 标签书写

（1）标签名使用小写；

（2）双标签成对出现；

（3）标签在 html5 规范中可以省略`/`。

3. 属性书写

标记和属性用空格隔开，属性与属性值用`=`连接，属性值写在双引号内，等号两侧不空格。属性名用小写，一个标记可以没有属性也可以有多个不同属性，属性之间不分先后顺序。

4. 文件加载

浏览器有专门的 html 解析器，浏览器是自上而下解析的，顺序加载整个页面的标签。

5. 标签嵌套

块元素可以包含内联元素或某些块元素，但内联元素却不能包含块元素，它只能包含其它的内联元素。有几个特殊的块级元素，内部只能包含内联元素，不能再包含块级元素如 h1-h6 标题。

5. HTML常用字符实体

二、HTML基础元素

1. 标题标签（h1-h6）

该标签用于书写标题，属于块级元素，在浏览器中自占一行。共有六个：

⼀级标题

⼆级标题

三级标题

四级标题

五级标题

六级标题

2. 段落标签（

用于书写段落或大段文字，属于块级元素，在浏览器中自占一行。

3. 换行标签（
）

该标签为单标签，属于块级元素,自占一行。多用于段落中的换行，但一般不用于布局。

4. 预格式化标签（

定义预格式化的文本，浏览器会完整保留源文件中的格式，包括各种空格、缩进以及其他特殊格式，属于块级元素，在浏览器中自占一行的标签。

预格式化标签可以在在页面中显示标签，则需要搭配实体符号解决。

5. 格式化⽂本标记

粗体

斜体

下划线

删除线

^上标

_下标

着重⽂字，与 b 效果相同

加重语⽓，与 i 效果相同

⾼亮显示⽂本

6. 按钮标签（ ）

普通的按钮标签，不具备任何功能，可以自主赋予功能具有自己的样式，可以自定义修改，按钮标签是特殊的内联元素，可以设置宽度高度，不自占一行。

7. 分区元素

div 标签：为块级元素，自身没有任何样式。经常作为容器和分区域的包裹标签使用，在布局中应用广泛。

span 标签：为内联元素，自身没有任何样式，常作为容器使用，用于包裹特殊的文字和图标。

8. 全局属性

全局属性是所有 HTML 元素共有的属性。它们可以用于所有元素，即使属性可能对某些元素不起作用。

（1）style属性：含要应用于元素的样式声明，可以给元素指定样式可以设置多个样式，每个属性值用分号隔开。需要注意的是，该属主要用于快速样式化，用于测试目的。

（2）id属性：唯一标识符，在该页面上一个标签只能有一个不重复的 id 名，它具有唯一性。id属性的值不能是数字开头，不建议写中文。

（3）class属性：可以将元素进行分类后给予相同的样式，减少了代码的书写量，该页面上可以有多个元素拥有此类名，一个元素也可以有多个类。class选择器名称不能是数字开头，不建议写中文，可以是多个类名用空格隔开。

（4）data-*⾃定义属性：data-*是自定义数据属性，可以通过 JavaScript 与 HTML 之间进行专有数据的交换。data-*`这里的*可以替换为自定义的有意义的字母或单词，如：data-buy。

三、HTML功能元素

1. URL

统一资源定位符就是我们俗称的“网址”，可以用来标识网络上的任何资源，也可以叫做路径。路径分为三种：

绝对路径：完整的描述文件位置的路径。例如 http://www.zyncode.net/index.html

相对路径：相对路径就是相对于当前⽂件的路径，相对路径不带有盘符。例如 ./logo.gif

根相对路径： 永远都是从 web 站点所在的根⽬录处开始查找。

2. 超链接

标签，定义超链接

href 属性：表示超文本引用，用来建立当前元素和文档之间的链接。

锚URL：href="#top"，那么点击时就会到当前页面中 id="top" 的这个锚点，实现当前页面的所谓跳转。

空链接：，#是标签内置的一个方法，代表 top 的作用。点击后网页后返回到页面顶端。

target 属性：规定在何处打开链接文档。有两个属性：_blank，浏览器总在一个新打开、未命名的窗口中载入目标文档；_parent，使文档载入父窗口或者包含来超链接引用的框架的框架集。

3. 图像

4. 多媒体

controls 属性提供播放、暂停和音量的控件；

loop 属性提供循环播放；

width 属性可以直接控制多媒体文件的宽度。

HTML

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。