1
关于路径的分类：
路径分为两种，即相对路径和绝对路径，相对路径以当前位置作为参考点，当导入图片时，用./引入同一文件夹的内容，/引入下一级的内容，…/引入上一级的内容。当想使用的文件与参考点极差大于1时，可以重复使用./或…/的符号。例如：
<img src="../../../图片.jpg">
绝对路径一般以根位置为参考点建立路径，也就是说，使用相对路径时，在移动文件时容易造成渲染错误，但绝对路径没有这个缺点。绝对路径又分为本地绝对路径和网络绝对路径，但因为本地绝对路径只能识别本机内容所以使用较少，而网络绝对路径则经常被使用。（若服务器开启防盗链，图片可能引入失败。）
2
关于常见图片格式：
图片格式很多，以上为平时常见的图片格式，它们各有优缺点，比如.jpg占用空间小，支持颜色多，但**无法支持透明背景，无法支持动图，且图片噪点最多。**其他各格式也有自己的优缺点，详细看上表。值得注意的是.webp形式近年发展迅速，逐渐称成为网页开发最主流的格式。
3
关于跳转网页：
使用<a>可以实现网页跳转。该标签有几个重要的标签属性，最重要的是href,href后接路径，例如：
看视频`
这串代码在运行时就会显示一个蓝色的“看视频”，点击之后就会跳转到相应的路径，同理，.jpg,.gif,.pdf等格式也支持跳转，但是.zip格式不支持跳转。这种压缩包需要用专业的软件才能成功打开（比如7-zip）。当对.zip格式的文件进行跳转时，会自动触发下载。但对于其他格式的文件，使用download这一标签属性也能进行强制下载。
4
关于超链接：
之前说过，html的中文全称为超文本标记语言，那超链接指的又是什么呢？超链接通俗的讲，就是一串字，你点击后能从当前的网页跳转到其他网页。超链接对于的标签名就是刚刚说的a。这个标签对应的另一个属性就是target，当target后面跟的值为_self,时，网页就会在本标签页打开，代表的软件有谷歌浏览器，若值为 ——blank,则会在新标签页进行跳转，常见的软件有百度。值得注意的是，在不使用该标签时，会默认在本页签打开新网页。
5
关于锚点：
锚点就是网页中的一个标记点，通常有两种模式设置锚点。分别是用a标签配合name属性和其他标签配合id属性。当使用id属性时，最好别是数字开头，但实际上以数字开头是不会渲染错误的，不过用数字开头就是不准确。
进行跳转锚点的时候，同样要用到href属性，详细内容看上图。
6
关于列表：
列表分为有序和无序两种，有序使用ol，无序使用 ul。列表内还可以嵌入li标签，同样的，甚至可以多次嵌入，如下图：
但li标签一般不单独使用，并且一般嵌入不超过三层。
7
关于自定义列表：
自定义列表就是个包含术语名称和术语描述的列表。其中术语名称用dt标签，术语描述则用dd标签。dl标签通常代表自定义列表，一般和前者配合使用，无实际意义。
8
关于表格：
表格一般含有表格标题，表格头部，表格主体和表格脚注。它们分别用caption,thead,tbody和tfoot表示。行则用tr表示，头部单元格用th表示，其他部位单元格用td表示，一个比较完整的表格可以这样书写：
`
| ？？？ |
|---|
| ？？？ |
| ？？？ |
同样的，每个单元格也可以赋予各种属性，如下：
前4个可以控制字在单元格内的位置，而后两个则可以控制单元格跨行的行数或列数。
9
关于补充：
有些常用的标签可以适当补充，如br可以执行换行，hr可以进行分割，pre可以使内容按原文显示（即不自动省略空格和换行）。但有一点必须强调，不能为了使用这些标签的效果就去使用，要更看重它们所富含的语义。
10
关于表单：
表单常使用的标签有三个，form，input和button。关于form的target属性与前文超链接处使用方法和效果类似，不做介绍，action用于指定提交地址，一般是网址。input前文也有所介绍，用于建立输入框，type属性可以修改输入框的类型，name用于指定数据名称。（如百度使用wd,而京东等软件则使用keyword）。
其他属性，比如value和maxlength也可以对input进行调整，主要用于调整初始的默认输入值和输入框的输入上限。
type可以对输入框的类型进行修改，前文举过例子，当值为password时输入内容会用代替。但其他值也会造成影响*，详细看上图。button标签的用法与input标签的部分用法类似，但有些细微的不同之处，比如button不需要写value来指定按钮的内容，并且 button默认type值为button，所以可以直接当按钮使用。
表格中还有一个特殊的东西叫下拉框，主要通过标签select实现，option用于设置下拉框的选项，使用disabled可以把选项设置为不可选（该方法同样适用于input等标签）
11
关于label标签：
label标签用于与表单控件相关联，关联后，点击对应文字，就会选择相应选项。通常实现这种效果有两种方法，一种是用id属性，让label标签的for属性值等于表单控件的id，第二种方法则是直接用label把这些东西套起来。
fieldset和legend可以实现对表单的分组，详细方法如上，这里只做了解。
11
以上图片是对表单内容的总结。
12
关于框架标签：
iframe通常用于在网页中嵌入其他文件，常见的有广告等。iframe可用的属性很多，包括name,width等，与上文用法类似。Frameborder用于是否显示边框（0为不显示，1为显示）。
13
我们平时在写代码的时候，有些内容无法正常显示，有些内容难以打出，于是我们会使用上图的实体名称或实体编号代替，一般记忆实体编号。如果想打的内容并未在此列出，可自行上网查询。
