第1章 基础语法
- 标签成对出现，单标签一般在后面加一个斜杠（规范性），如<hr/>。元素是开始标签+内容+结束标签组成
- 标签属性添加在开始标签名的后面，有空格
第2章 文档段落
声明文档类型<!DOCTYPE html>
使用<meta>标签将乱码的中文正常显示
<!DOCTYPE html>
<html>
<head>
<title>文字和段落标签</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> <!--注意这里是分号-->
</head>
<body bgcolor="gray">
<p>HELLO,everyone.This is my first page!</p>
<p>超文本标记语言</p>
</body>
</html>一些特殊符号不能直接显示出来，需要通过代码表示
| 属性 | 显示结果 | 描述 |
| &It; | < | 小于号或显示标记特殊符号 |
| > | > | 大于号或显示标记 |
| ® | ® | 已注册 |
| © | © | 版权 |
| ™ | ™ | 商标 |
| | space | 不断行的空白 |
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p><b>HTML</b>标记标签通常被称为<strong>HTML</strong>标签</p><!--加粗-->
<p>HTML标签是由<i>尖括号</i>包围的<em>关键词</em></p><!--倾斜-->
<p>开始和结束标签也被称为<sup>开放标签</sup>和<sub>闭合标签</sub></p><!--上标和下标-->
<!--一些特殊符号需要用代码来显示。-->
<p>标签<b>和</b>是成对出现的</p>
<p>标签<b>和</b>是成对出现的</p>
</body>
</html>第3章 列表标签
无序列表
使用<ul>标签，其中的每一项用<li>标签。列表内容的每一项前面有一个符号，符号样式可以变，使用type属性，注意type属性是<ul>标签的属性。
| 值 | 描述 |
| disc | 圆点 |
| square | 正方形 |
| circle | 空心圆 |
有序列表
使用<ol>标签，其中的每一项用<li>标签，列表内容的每一项前面有一个数字，使用type属性，默认为数字1,2...，注意type属性是<ul>标签的属性。
| 值 | 描述 |
| 1 | 数字1,2... |
| a | 小写字母a,b... |
| A | 大写字母A,B... |
| i | 小写罗马数字i |
| I | 大写罗马数字I |
定义列表
不仅是一列项目，而是项目及项目描述的组合。是标题+描述内容。从效果看有缩进。
使用<dl>标签，其中的定义列表项用<dt>标签，列表项描述用<dd>标签。对于一个<dl>可以存在多个<dt>标签，对于每一个<dt>可以有多个<dd>。<dt>和<dd>是同级标签，不是包含关系。
<dl>
<dt></dt>
<dd></dd>
<dd></dd>
<dt></dt>
<dd></dd>
<dd></dd>
</dl>
列表标签应用场景
开发中，UL和OL的编号不会使用，而使用图片替代。新闻网站的一列新闻标题，购物网站的可选列表，排行，一般都是<ul>标签。带摘要的新闻列表，带缩略图或其他一些描述的列表等会使用<dl><dt><dd>标签。
第4章 图像和超链接
图像
图像标签： <img src= " " alt= " " .../> 是一个单标签，用 '/' 来闭合 。
| 属性 | 值 | 描述 |
| Src（必写） | URL | 显示图像的URL |
| alt | 文字 | 图像代替文本 |
| height | 数值和百分比 | 图像的高 |
| width | 数值和百分比 | 图像的宽 |
图片的绝对路径从盘符开始写，如果文件夹移动了位置，绝对路径会失效。相对路径是图片相对于该html文件的位置。
当由于网速慢 ，src属性错误，浏览器禁用图像时，用户无法查看图像，alt属性可以代替图像显示在浏览器中的内容。height和width属性，值可以是百分比（大小随浏览器页面的大小额改变），也可以是像素大小（如height ="40px"）。
超链接标签
超链接标签：<a href= " " >内容</a> href：链接地址，可以是内部链接或外部链接。
站内链接：同一网站内， 不同内容的链接。在本网站内的跳转。站外链接：从当前网站跳转到另一个网站中。一般使用绝对路径。空连接（保留链接效果，但是不确定链接的位置，方法是<a href= "#" >。
当链接为空时，点击超链接会刷新页面<a href=" ">链接</a>。
| 属性 | 描述 |
| href | 链接地址URL |
| target | 链接的目标窗口 _self、_blank、_top、_parent _parent：在父框架集中打开被链接文档；_top：在整个窗口中打开被链接文档。 |
| title | 链接提示文字 |
| name | 链接命名 |
target规定在何处打开链接文，是当前窗口还是新建窗口。title是当鼠标放到链接文字或图片上时，对链接的更详细的介绍。
锚链接(同一页面）
功能：在一个页面内不同位置的跳转，类似于书签。方法：1、定义锚的位置和锚名。2、设置寻找锚的链接。
定义锚：
<a href="#锚名1">目录1</a>
<a href="#锚名2">目录2</a>
<a href="..." name="锚名1">内容</a>
文本
<a name="锚名2"></a>
文本锚链接(不同页面）
网页1：<a href=" 网页名称#锚名" >......</a>
网页2：<a name=" 锚名" >......</a>
链接扩展功能
电子邮件连接：<a href=" mailto:邮件地址" >......</a>
文件下载链接：<a href="下载文件的地址或文件名称" >......</a> 如果是地址，就会打开相应的链接，如果是文件，则直接下载。下载文件要压缩。
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
