本文详细介绍了HTML中的重要标签，包括标题段落<h1>~<h6>，文字段落<p>，转义字符，超链接<a>的使用，如本地地址、锚记标记、网络地址、电子邮箱地址和文件连接。还涵盖了列表标签(有序、无序、自定义)以及表格标签<table>的属性和应用。通过实例解析了各种标签的功能和应用场景。
文本是网页的基本元素，在<body> 标签中直接插入文本，即可显示在网页页面中。
例如：
标题段落标签
在网页制作规范中，网页的内容需要用标题来呈现文档结构，标题类似于文章的大纲。标题 是通过 <h1>~</h6> 标签进行定义的， <h1> 用于定义最大级别的标题。<h6> 用于定义最小级别的标题。 HTML 规则中对6级标题段落标签设置了默认样式，，包含加粗、字号、上下间距，每一级的字号和上下间距值如下表所示。运行后可以看出字号越来越小，上下间距越来越大。
| 标签名称 | 字号 | 上下间距 | 标签名称 | 字号 | 上下间距 |
| <h1> | 2em | 0.67em | <h4> | 1em | 1.33em |
| <h2> | 1.5em | 0.83em | <h5> | 0.83em | 1.67em |
| <h3> | 1.17em | 1em | <h6> | 0.67em | 2.33em |
在标题的h使用过程中，应确保标题标签只用于标题。不要仅仅是为了生成粗体或大字号的文本而使用标题标签，因为标题具有用户快速浏览网页的作用。
文字段落标签
HTML 中的文字段落是通过 <p></p> 标签定义的
一对<p> 标签代表一个段落文字，同一段落中的文字是连续的的，当需要另起一行换个新段落时，就需要一对新的 <p> 标签。如果在同一段落进行换行的话，HTML中提供了换行标签<br/> 这是一个单标签，它不包含任何属性，其后面的元素会自动换行显示。
HTML 中的转义字符
HTML 中有些字符无法直接输入显示，比如 "<" 和 ">" 在HTML 中作为标签符号，浏览器解释道这个字符时，会默认理解为标签，不会解释为可显示的字符。再比如我们在HTML 代码中输入多个空格，运行后会发现只显示一个空格。
网页中需要输入这些特殊字符或连续空格时，通过转义字符来实现。HTML 中的转义字符以“&” 开头，以“；” 结尾。如 “ ” 表示不断行空格。但是要注意不同浏览器对空格间隔的大小解释不同，如果需要精确的间隔大小，还需要通过CSS来实现。
| 转义字符 | 含义 | 转义字符 | 含义 |
| | 不断行空格 | " | 双引号“ |
|   | 半方大的空格 | © | 版权符号© |
|   | 全方大的空格 | ® | 已注册商标® |
| < | 小于 < | ™ | 商标（美国）TM |
| > | 大于 > | × | 称号 x |
| & | & 符号 | ÷ | 除号 ÷ |
超链接<a> 标签
HTML 称为超文本标记语言，超文本是通过超链接方法将文本的文字、图表与其他信息媒体相关联的。超链接也称为（Anchor），是使用<a> 标签标记的，它在文档中创建一个热点，当用户激活或选中这个热点时，浏览器会进行链接。浏览器会自动加载并显示同一文档或其他文档中的某个部分，或触发某些 与因特网服务相关的操作，例如，发送 电子邮件或下载特殊文件等。用来实现超链接的热点可以是文本，也可以是图片。
href 属性是 <a> 标签的必要属性，它用于指定链接的目的地址，可以是本地地址、锚记标记、网络地址，甚至是指向一个文件或电子邮箱地址。
1. 本地地址
同一网站中的不同网页之间超链接时，href 属性值设置为相对地址。如在 index.html 页面有文字 “诗人李白”，单机后转跳到 info.html 页面。被设置了超链接的文字样式会变成蓝色加下划线，光标移之后会变成手的形状，这是 HTML 为<a> 标签设置的样式。
2. 锚记标记
锚记标记可以将很长的页面划分为多个模块，给每个模块做一个标记记号，然后通过锚记标记能够自动跳转到对应的模块上，标记记号可以通过元素的 id 或者 name 属性来定义，如给一个 <h1> 标签设定 id 属性值，然后设定一个超链接标签，单击此超链接标签可以跳转到这个标题段落的位置。这个超链接可以在同一页面完成，锚记标签的语法 结构为 “#+目的标签 id 值”，也可以在同一页面完成，只要在 “#” 号前面加上网页的相对路径即可。
“#” 可以表示空连接，如果只是希望文字作为超链接对象，而不产生跳转，可以设置成：
3. 网络地址
设置href 属性值为一个网络地址，在联网的状态下单击文字后会跳转到设置的网址。如单击“百度” 后可以跳转到百度首页：
4. 电子邮箱地址
设置href 属性值为“ mailto:+电子邮箱地址”，可以启动电子邮件，会自动在收件人处输入设置的电子邮件地址。
5. 文件连接
href 属性的值可以设置为站点下任意一个文件的相对地址，这个文件可以是一个word 文件、一张图片、一个压缩文件等。单击超链接可以浏览或者下载文件，如单击“看图”后页面会切换为图片“01.jpg”:
<a> 标签还有一个人 target, 可以设置单击超链接之后网页打开的位置。
| 属性值 | 含义 |
| _blank | 表示单击超链接后在一个新的页面窗口大开网址 |
| _self | 表示单击超链接后在当前窗口中打开（默认模式） |
| _parent | 表示单击超链接后在父窗口中打开（跟框架有关） |
| _top | 在当前浏览器中打开，而框架会消失（跟框架有关） |
列表标签
HTML 中的列表由一组标签组成，它可以把代表相同含义的一组元素整齐、有序的表示出来。列表分为两种类型，有序列表和无序列表，前者用项目符号来标记列表项，后者使用编号来记录项目的顺序。
1. 有序列表
有序列表使用编号来编排项目，编号可以采用数字或引文字母开头，通常各项目间有先后顺序。在列表中，主要使用 <ol> 和 <li> 两个标签及 type 和 start 两个属性。<ol> 标签代表整个列表元素，包含多个 <li> 标签， <li> 标签中的内容是需要显示的内容。
start 属性用于设置起始数值，属性值为具体的数字，这里的数字要记得用双引号引起来，HTML 规定所有属性值必须添加双引号。type 属性用于设置排序类型，可选的属性值如下表。
| type 取值 | 列表项目的序号类型 |
| 1 | 数字1，2，3..... |
| a | 小写英文字母a,b,c...... |
| A | 大写字母A,B,C...... |
| i | 小写罗马数字i，ii，iii..... |
2.建立无序列表
无序列表使用项目符号来编排项目，通常个项目间没有先后顺序。无序列表的使用和有序列表基本相同，不同的地方是列表元素的标签 <ul> ,因为没有顺序性，也就没有 start 属性。
| type 取值 | 列表项目的序号类型 |
| circle | 空心圆 O |
| disc | 实心圆 ● |
| square | 实心正方形 ■ |
3.建立自定义列表
自定义列表包含两个层次的列表：第一次是需要解释的名词，第二层是具体的解释。自定义列表不仅仅是一列项目，而是项目及其注释的组合。<dl> 标签定义了列表的开始和范围， <dt> 标签中的内容就是要解释的名称，而在 <dd> 中的内容则是该名词的具体解释。作为解释的内容在显示时会自动缩进，与字典中的词语解释类似。
尽管 <dd> 标签的内容进行了缩进显示，但 <dt> 和 <dd> 标签是同级标签。
4.表格标签
表格在页面中的使用非常广泛，可以有效地将文字、图片的各种也买你元素在页面中以行和列的形式进行组织，通常会使用在页面设计、报表展示等环节中。
HTML 中表格由一组标签来表示，其中 <table> 标签用于定义表格对象。每个表格均有若干行，每行被分割为若干单元格。td 是表格数据的意思，即数据单元格的内容，数据单元格可以包含文本、图片、列表、段落、表单、表格等。有些表格中会有标题单元格，作为标题的文字通常要加粗显示。表格标签中的标题单元格用 <th> 标签进行定义，它相当于给 <td> 标签设置了加粗和居中的样式。如下图生成一个三行两列的表格。
代码中为 <table> 标签添加了一个 border 属性，这个属性用于设置表格的边框宽度，属性值是用双引号引起的数值。border 属性的默认值是0 ，如果这里没有定义 border 属性，那么运行后就看不到表格的边框。
(1).表格标题标签 <caption>
<caption> 标签是 <table> 标签的子元素，和 <tr> 标签并列，标签中的内容会出现在表格的上方，并在表格宽度范围内居中，
（2）.表格列 <colgroup> 和 <col>
<col>标签用于给表格中一个或多个列定义属性值，而<colgroup>标签用于对表格中的进行组合，从而实现对表格的格式化。<col>标签一般会放在<colgroup>标签中使用，对colgroup>标签组合的列分别设置样式。<colgroup>标签也可以有样式属性，即对组合的设置相同的样式，<colgroup＞标签设置的样式会被<col>标签设置的样式覆盖。
<colgroup>标签中span属性用于设置包含列的数量。<col>标签中的属性用于设置在这一组列中具体某一列的样式，<col>标签的数量一定要和列的数量相同。
<colgroup>标签和<col>标签也可以单独使用，可以直接给<colgroup>标签设置样式属生，同时定义多列相同样式；<col>标签可以单独设置表格中对应位置那一列的样式。colgroup＞标签是双标签，<col>标签是单标签，在书写时要注意封口。
HTML 文本格式化标签及短语标签含义
| 标签 | 描述 |
| <b> | 定义粗体文字 |
| <em> | 定义着重文字 |
| <i> | 定义斜体文字 |
| <small> | 定义小号文字 |
| <strong> | 定义加重语气 |
| <sub> | 定义下标文字 |
| <sup> | 定义上标文字 |
| <ins> | 定义插入文字 |
| <del> | 定义删除字 |
| <u> | 添加下画线 |
| <big> | 呈现大号字体效果 |
| <mark> | 定义带有记号的文本 |
| <rt> | 定义字符的解释或发音 |
| 标签 | 描述 | 标签 | 描述 |
| <code> | 定义计算机代码 | <bdo> | 定义文字方向 |
| <kbd> | 定义键盘文本 | <blockquote> | 定义长的引用 |
| <var> | 定义变量 | <q> | 定义短的引用 |
| <pre> | 定义预格式文本 | <cite> | 定义参考文献引用 |
| <abbr> | 定义缩写 | <dfn> | 定义特殊术语或短语 |
| <address> | 定义地址 | <bdo> | 定义文字方向 |
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
