1、图片
图片在网页上的呈现顺序是从左到右，且以底部对齐的，当这一行的空间不足以摆放剩下的图片时候，图片就会折行显示

<!-- img标签title和alt释义 -->

<img src="" title="鼠标划上去的提示" alt="图片加载失败后显示的文字">

<!-- 完整地址叫绝对路径 -->

<img src="http://1000phone.com/html5/logo.png">

<!-- 相对路径 -->

<a href="pages/articles/xiaoshuo.html"></a>

2、超链接

1. 未使用target="_blank" 只在当前页面打开
   示例：<a href="https://www.baidu.com">百度一下，你就知道</a>
2. 使用target="_blank"
   示例：<a target="_blank" href="https://www.baidu.com">百度一下，你就知道</a>

3、无序列表

1. 实心圆 <!-- <ul type="disc"> 实心圆 -->
2. 空心圆 <!-- <ul type="circle"> 空心圆 -->
3. 实心方块 <!-- <ul type="square"> 实心方块 -->

4、有序列表

1. 数字排序 <!-- <ol type="1"><li>北冥有鱼</li></ol> 数字排序 -->
2. 字母排序 <!-- <ol type="a"><li>北冥有鱼</li></ol> 字母排序 -->
3. 罗马字母排序 <!-- <ol type="i"><li>北冥有鱼</li></ol> 罗马字母排序 -->

5、文字标签

1. 给文字增加删除线

   <del>给文字增加删除线</del>
   

2. 把文字变^上标

   把文字变<sup>上标</sup>
   

3. <u>给文字加下划线</u>

   <u>给文字加下划线</u>

4. <center>文字居中</center>

   <center>文字居中</center>

5. 超链接不能嵌套超链接,
   5.1 P标签不能嵌套P标签标题标签,H1...H6也不能相互嵌套

6、文件路径

1. <!-- ../ 返回上级目录 -->

    ../ 返回上级目录
   

2. <!-- ../../返回上上级目录 -->

   ../../返回上上级目录
   

7、表格

1. <table>...</table> <!-- 表格标签 -->
2. <tr>...</tr> <!-- 表示一行 -->
3. <td>...</td> <!-- 表示一列 -->
4. <col> <!-- 代表一列 -->
5. border="1px" <!-- 表格边框属性 --
6. cellspacing="0" <!-- 单元格空隙 -->
7. align="center" <!-- 对齐方式 -->

知识点：

1. 格中的行用tr 列用td表示
2. colspan="3" 列合并,rowspan="4" 行合并,th 表头加粗标签 th = 加粗并水平居中的td.

3. <col width="100px">j简化方法

   <colgroup span="6" width="100px"></colgroup> 表示前六列为一组，宽度设置为100px
   <colgroup span="1" width="200px"></colgroup> 表示最后一列单独为一组，宽度为200px

4. w3c表格标准写法。

<table>
    <thead>表格的页眉</thead>
    <tbody>表格的主体</tbody>
    <tfooter>表格的页脚</tfooter>
</table>