本文共 3831 字，大约阅读时间需要 12 分钟。
HTML 知识小结
HTML 概述
超文本标记语言（HyperText Markup Language，HTML）是一种用于创建网页的标准标记语言，可以使用 HTML 来建立 Web 站点，HTML 运行在浏览器上，由浏览器来解析。
HTML 作为一种标记语言，其是由一套标记标签组成，这些标签由尖括号包裹一个关键字构成，或由尖括号包裹一个斜杠及关键字构成，如 <html>、</html> 等，一般标签成对出现，分别为开始标签与结束标签（亦叫开放标签与闭合标签），两个标签之间包裹着要显示的内容。
一个 HTML 文档，后缀名是 html/htm ，其通常包含 <html> 、<head> 、<body> 三个标签，其中 body 标签中是具体要显示的内容，而对于中文网页，为了避免出现乱码，应该在 <head> 标签中将编码声明为 UTF-8 ，如下：
网页标题 文本标题
段落
实际并不是 HTML 标签，其只是放在 HTML 文档首部，用于告知 Web 浏览器 HTML 的版本，有利于文档的解析。
HTML 基础标签简介
标题，HTML 提供了
h1、h2、h3、h4、h5、h6共6个标题标签，序号越大，字体越小。标题1
标题2
标题3
段落，HTML 使用
<p>表示段落。段落内容
链接，HTML 使用
<a>表示链接。百度
图像，HTML 使用
<img>表示图像。src 表示图片路径，alt 表示图片加载失败时的替代文本，width/height 表示显示图片的宽高（单位：像素）
图像链接
设置图像映射，使得图像不同区域链接不同的地址
水平线，HTMl 使用
<hr>插入水平线。- 换行，HTML 使用
<br>进行换行，否则源码中的多行会被解析为一个空格。 - 注释，HTML 使用
<!-- -->进行注释。 - 粗体，HTML 使用
<b>、<strong>将文本粗体显示。 - 斜体，HTML 使用
<i>、<em>将文本斜体显示。 - 下标，HTML 使用
<sub>显示下标。 - 上标，HTML 使用
<sup>显示上标。 <title>定义 HTML 文档的标题。<base>标签描述了基本的链接地址，其是 HTML 文档中所有链接标签的默认链接。<link>标签定义了文档与外部资源之间的关系，通常用于链接到样式表。<style>标签定义了HTML文档的样式文件引用地址，当然在<style>元素中也可以直接添加样式。<script>用于添加脚本文件，<noscript>中的内容在浏览器不支持脚本时显示。<meta>用于添加描述 HTML 文档的元数据。CSS (Cascading Style Sheets)层叠样式表，用于描述 HTML 文档中元素标签的样式。为了更好的渲染 HTML 元素，从 HTML 4 开始引入 CSS ，将样式加入 HTML 文档中，有下面3种方式：
- 內联样式，在 HTML 元素中使用 style 属性
- 内部样式表，在 HTML 文档的
<head>标签中使用<head>标签包含 CSS - 外部引用，使用
<link>标签引用外部 CSS 文件
标题1
段落
表格，HTML 中使用标签
<table>进行表格的定义，一般分为页眉<thead>、主体<tbody>、和页脚<tfoot>三部分。标签 含义 <table>定义整个表格 <thead>定义表格的页眉 <tbody>定义表格的主体 <tfoot>定义表格的页脚 <caption>定义表格的标题 <tr>定义表格的行 <td>定义单元格，单元格里可以放表格、列表、文本等内容 <th>定义表头，如同一个特殊的单元格 <colgroup>用于包含列的属性标签 <col><col>用于定义列的属性 属性 含义 cellspacing 单元格之间的距离 cellpadding 单元格中内容距单元格边框的距离 colspan 该单元格是由几列最小单元格组成的 rowspan 该单元格是由几行最小单元格组成的 受理员业务统计表 2017-01-02---2017-05-02 受理员 受理数 自办数 直接解答 拟办意见 返回修改 工单类型 同意 比例 数量 比例 建议件 诉求件 咨询件 列表
标签 含义 <ol>定义有序列表 <ul>定义无序列表 <li>定义列表项 <dl>定义自定义列表 <dt>定义自定义列表项 <dd>定义自定义列表项描述 属性 含义 start 设置有序列表开始的数值 type 设置有序列表的数值类型，1、A、a、I、i style 设置无序列表的标识类型，style=”list-style-type:disc”、circle、square 嵌套列表：
- Coffee
- Tea
- Black tea
- Green tea
- China
- Africa
- Milk
一个自定义列表：
- Coffee
- - black hot drink
- Milk
- - white cold drink
区块元素，HTML 中的元素大致分为块级元素与内联元素两种，前者在浏览器中显示时，通常会开始新的一行显示，如
<h1> <p> <table> <ul>，而后者通常不会，如<b> <td> <img>。<div>是块级元素，作为整合其他元素的容器，没有实际的意义，但是可以同于设置整个内容块的样式。<span>是內联样式，作为单行内容的容器，亦没有实际意义，多用于包裹文本，利于文本样式的设置。表单元素，通过表单，可以使用户输入数据，使用标签
<form>表示表单，表单中最常使用的是<input>标签，通过修改该标签的 type 属性，可以实现输入框、单选按钮、复选框、提交按钮等。其中提交按钮的动作是由表单的 action 属性定义的。iframe 框架，使用标签
<iframe>来实现一个 HTML 文档中显示子页面，也可将其设置为链接的显示容器。颜色，在设置标签的颜色相关的属性时，可使用以下4种方式：
- rgb()，如：
<p style = "background-color:rgb(100,0,100)">段落</p> - rgba()，如：
<p style = "background-color:rgba(100,0,100,0.5)">段落</p> - 16进制，如：
<p style = "background-color:#FF0088">段落</p>等同于<p style = "background-color:#F08">段落</p> - 颜色名称，如：
<p style = "background-color:gray">段落</p>
- rgb()，如：
在 HTML 中，多个空格会被解析为一个空格，若要显示不间断空格（Non-breaking Space）需要使用字符实体
，还有一些其他的特殊字符，如大于号、小于号等，需要使用字符实体进行描述，如下：特殊字符 实体名称 实体编号 < <<> >>& &&© ©©® ®®™ ™™注意字符实体的分号不能省略
转载地址：http://wxdws.baihongyu.com/