作用：块级标签。相当于一个盒子，用来装内容的

特点：一个div独占一行

标签：

作用：强制不换行标签。在排版时，比如文章标题的排版，希望无论多少字也不换行显示，那可以使用标签来实现。

语法：内容

标签：

作用：建议换行标签。规定在文本中的何处适合添加换行符。比如单词太长，可以使用元素来添加换行。

语法：内容

1.3 字体标记

~

标签：

作用：标题标签。变化程度与级数成反比。

标记最大，

标记最小

特点：

加了标题的文字会变加粗，字号也会依次变大

一个标题独占一行

标签：

作用：粗体标签。标签可以强调的是字体外观的加粗效果

标签：

作用：加重语气。标签也是对字体加粗的效果，但是与标签不同的时，标签是要强调的内容，起一个强调充分的作用。

还有就是搜索引擎更加注重标签下的关键词。但是，如果页面上有太多的strong标签，可能不利于排名。所以虽然strong标签更利于排名，但也需较少的使用。

标签：

作用：斜体标签。字体会出现斜体效果。

标签：

作用：强调标记：字体出现斜体效果。标签是要强调的内容，起一个强调充分的作用，搜索引擎更加注重标签。

标签：

作用：字体变小，呈现小号字体效果。

如果被包围的字体已经是字体模型所支持的最小字号，那么 标签将不起任何作用。并且 标签也可以嵌套，从而连续地把文字缩小。

标签：

作用：字体变大，呈现大号字体效果。

如果被包围的字体已经是字体模型所支持的最大字号，那么标签将不起任何作用。并且 标签也可以嵌套，从而连续地把文字缩大。

_标签：

作用：定义下标文字。

^标签：

作用： 定义上标文字。

标签：

作用：字体标签。设置文字的字体、大小和颜色等属性

标签：

作用：规定页面上的默认字体颜色和字号

标签：

作用：文字的删除线。定义文档中已被删除的文本。表示删除的内容，显示时通常会加上删除线

标签：

作用：带有下滑线的文本。表示插入的内容，显示时通常会加上下划线

标签：

作用：可以指明对某内容的引用或参考。例如，戏剧、文章或图书的标题，歌曲、电影、照片或雕塑的名称等

标签：

作用：定义块引用，也叫长引用【当

标签内的文本较多的时候使用】

标签之间的所有文本都会从原来文本中分离出来，还会在左、右两边进行缩进(增加外边距)

标签：

作用：定义块引用，也叫短引用【当标签内的文本较少的时候使用】

效果：浏览器经常在引用的内容外边添加引号

标签：

作用：代码标签。

标签：

作用：表示变量的名称，或者由用户提供的值。经常与和

标签一起使用，用来显示计算机编程代码范例及类似方面的特定元素。还有就是用标签标记的文本通常显示为斜体

标签：【少用】

作用：类似打字机或者等宽的文本效果，字母宽度相同

标签：【少用】

作用：定义键盘文本

标签：【少用】

作用：标记那些对特殊术语或短语的定义

u标签：[少用，在 HTML 4.01 中不推荐]

作用：斜体

标签：

作用：定义文档或文章的作者/拥有者的联系信息

效果：

元素中的文本通常呈现为斜体。大多数浏览器会在 address 元素前后添加折行

标签：【少用】

作用：字体稍微加宽，和差不多

1.4 清单标记

1. 标签：

作用：有序列表。清单将以数字、字母顺序排列

• 标签：【重点】

作用： 无序列表。清单将以圆点排列

标签：

作用： 定义列表项目

标签可用在有序列表 (

1. ) 和无序列表 (

• ) 中

作用： 自定义列表，结合

标签。【创建一个列表】

场景：自定义列表常用于对术语或名词进行解释和描述，定义列表的列表项前没有任何项目符号

标签：

作用： 列表的标题

标签：

作用：【列表的内容，也就是缩进的部分】

作用：定义目录列表

例如：

• 内容
• 内容

1.5 表格标记



作用：表格标记，设定表格的各项整体参数

标签：

作用： 表格标题。caption 标签必须紧随

作用：表格行标签

标签：

作用： 表头单元格，包含表头信息

特点：内容居中，加粗显示

标签：

作用： 标准单元格，包含数据

标签：

作用：表格的头部区域

使用场景：因为表格可能很长，所以为了更好的表示表格的语义，可以将表格分割为表格头部、表格主体和表格页脚部分，这样可以更好的分清表格结构

标签：

作用：表格的主体区域

标签：

作用：表格的页脚区域

align属性：【center/left/right】规定表格相对周围元素的对齐方式

border属性：【1或""】规定表格单元是否拥有边框。默认为""，表示没有边框

cellpadding属性：【像素值】规定单元边沿与其内容之间的空白，默认1像素

cellspacing属性：【像素值】规定单元格之间的空白，默认2像素

width属性：【像素值或者百分比】规定表格的宽度

height属性： 【像素值或者百分比】规定表格的高度

合并单元格：

方式：

跨行合并：rowspan="合并单元格的个数"

跨列合并：colspan="合并单元格的个数"

合并步骤：

先确定是跨行还是跨列

然后找到目标单元格，写上合并方式=合并的单元格数量

删除多余的单元格

1.6 表单标记

标签：

作用：表单标记。统一设置表单属性

属性：

action属性=”URL地址“：用于指定接收并处理表单数据的服务器程序的URL地址

method属性="提交方式"：用于设置表单数据的提交方式，其取值为GET/POST

name属性=”表单域名称“：用于指定表单的名称，以区分同一个页面中的多个表单域

标签：

作用： 输入标记。用于搜集用户信息。根据不同的type属性值，输入字段拥有很多种形式

标签中包含一个type属性，根据type属性设置不同的属性值来指定不同的控件类型



标签除了属性的其他属性：

name属性：定义input元素的名称

value属性：规定input元素的值

checked属性：首次加载时是否被选中 【属性值：checked】

maxlength属性：规定输入字段中的最大长度 【属性值：正整数即可】

注意：

name和value时每个表单元素都有的属性值，主要给后台人员使用

单选按钮和复选框要有相同的name值

checked属性主要针对于单选按钮和复选框，例如：默认选中某个表单元素

标签：

作用：为input元素定义标注(标记)。用于绑定一个表单元素，当点击标签内的文本时，浏览器就会自动将焦点(光标)转到或者选择对应的表单元素上，用来增加用户体验。

语法：中的for属性值和元素的id属性值保持一致



标签：

作用： 下拉选择标签，创建单选或多选菜单。配合标签



标签：

作用： 选项标签。定义下拉列表中的一个选项(一个条目)

在中定义selected="selected"，表示当前选项设为默认选中项

标签：

作用： 文本域。定义多行的文本输入控件

属性：

rows属性：显示的行数

cols属性：每行中的字符数

注意：实际开发中不会使用，都是用CSS来改变大小



1.7 图像标记

标签：

作用：图像标签。插入图片并设置图片属性【闭合标签】

属性：

src属性：是标签的必须属性，用于指定图像文件的路径和文件名

alt属性：如果无法显示图像，浏览器将显示替代文本

title属性：鼠标放到文字上，显示的文字

width属性：单位像素，设置图片的宽度

height属性： 单位像素，设置图片的高度

border属性： 单位像素，设置图片边框的粗细

1.8 链接标记

标签：

作用： 超链接标签

空连接：百度，表示没有确定的链接目标时

属性：

href属性：指定链接的目标i地址【必选属性】

target属性：指定链接页面的打开方式。其中_self为默认值，在当前页面打开；_blank为在新窗口中打开

锚点链接：

在链接文本的href属性中，设置属性值为"#名字"的形式。例如：第一

找到目标位置标签，里面添加一个id属性=刚才的名字。例如：

第一详情

标签：

作用： 为页面上的相对链接规定默认地址或默认target属性

解释：通常情况下，浏览器会从当前文档的 URL 中提取相应的元素来填写相对 URL 中的空白。使用 标签可以改变这一点。使用该标签后，之后的相对链接就可以从标签指定的目录为基础开始写，就简短多了

位置：标签必须位于 head 元素内部

1.9 框架标记



标签：

作用： 定义一个框架集，它被用来组织多个窗口。每个窗口都是一个独立的html界面。简单说就是拆分窗口的

注意：

标签不能和标签同时存在，标签就是用来替代标签的

标签：

作用： 定义 frameset中的具体的一个特定窗口

标签：

作用：页内框架，用于网页中间插入框架(即行内框架)

标签：

作用： 为不支持框架的浏览器显示文本。如果浏览器不支持框架时的提示。noframes 元素位于 frameset 元素内部

1.10 影像地图

标签：

作用： 定义一个客户端图像映射。图像映射(image-map)指带有可点击区域的一幅图像

标签：

作用： 定义图像映射中的区域(注：图像映射指得是带有可点击区域的图像)

1.11 多媒体

标签：

作用： 背景音乐

标签：

作用： 多媒体。加入声音、音乐或影像

1.12 样式表

作用： 样式表，用于CSS

标签：

作用： 行内元素。相当于一个盒子，用来装内容的

特点：一行可以有多个

1.13 其他标签

标签：

作用： 提供有关页面的元信息，比如针对搜索引擎和更新频度的描述和关键词

属性：

设置页面的字符集：

设置网页的描述：

设置网页的关键字：

请求的重定向：

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

charset常用的值：UTF8、GBK、GB2312、BIG5。其中UTF8为万国码，基本包含了全世界国家所需的字符。

标签：

作用： 标签定义文档与外部资源的关系

标签： 【不常用】

作用： 走动文字。令文字左右走动

标签： 【不常用】

作用： 闪烁文字

标签：

作用： 页内寻找器。可输入关键字寻找该一页

2. 特殊字符

在HTML中，一些特殊的字符很难或者不方便直接使用，就可以使用特殊字符来代替使用

责任编辑：