一篇文章带你了解HTML语法( 二 ) _HTML语法

#当前窗口打开百度3).锚链接它可以快速定位页面中的某些标题，可以通过设置name属性来设置锚链接。
<a href=https://www.isolves.com/it/cxkf/yy/html5/2020-09-25/'#mao'>锚链接创建

这是一个锚链接

7.图片为了美化我们的网页，有时候肯定会添加图片，那么该怎样添加图片了，下面请看：
1).插入图片

#我们只需输入图片地址即可，后面两项为鼠标放在图片上显示的内容和图片显示不出来的时候的替代文本<img src=https://www.isolves.com/it/cxkf/yy/html5/2020-09-25/"1.jpg" title='图片' alt='图片无法显示'/>

2).设置背景图片需要在body标签中设置背景为图片地址。
<body background="1.jpg">3).图片映射通过点击图片跳转到相应链接页面。
<a href=https://www.isolves.com/it/cxkf/yy/html5/2020-09-25/"https://www.baidu.com">8.表格有时候我们也需要插入表格来展示一些数据，表格的制作稍微有点麻烦，不过用Sublime Text 3它可以十分轻松的创建表格。表格一般由表头，表的标题，表的内容组成。最常用的就是Table标签了。

<!-- 表格边框1px,单元格边距5px,单元格间距10px,背景颜色灰色,背景图片1.jpg--><table border="1" cellpadding="5" cellspacing="10" bgcolor="gray"background='1.jpg'><col bgcolor='red'/> <!-- 设置表格列的属性 --><colgroup bgcolor='blue'></colgroup> <!-- 设置表格列组的属性 --><caption>表格标题</caption><!-- 页眉 --><thead><tr><!-- 表格的行 --><th colspan="2">1--one</th> <!-- 表格表头，相当于列 跨两行 --><th>2--two</th><th>3--three</th><th>4--four</th></tr></thead><!-- 表格主体 --><tbody><tr><td>a</td><!-- 表格单元 --><td>b</td><td>c</td><td>d</td></tr></tbody><!-- 表格页脚 --><tfoot><tr><td>h</td><td>j</td><td>k</td><td>l</td></tr></tfoot></table>

文章插图

9.列表列表就是我们常常见到的一篇文章的目录，它一般以一种树型状存在着，它可以分为有序列表和无序列表。
1).有序列表以标签ol为主体，li为父目录，具体表现为：

<ol><li>任性</li><li>90后</li><li>boy</li></ol><ol start="45"><li>90后</li><li>boy</li><li>任性</li></ol><ol type="a"><li>90后</li><li>boy</li><li>任性</li></ol><ol type="A"><li>90后</li><li>boy</li><li>任性</li></ol><ol type="I"><li>90后</li><li>boy</li><li>任性</li></ol><ol type="i"><li>90后</li><li>boy</li><li>任性</li></ol>

文章插图

可以看出有序列表支持多种排序前缀，它就好比word中的项目符号一样。
2).无序列表与有序列表唯一不同的就是没有数字也没有字母，只有图形，也是犹如项目符号一样。

<ul> <li>任性</li> <li>90后</li> <li>boy</li></ul><ul type="disc"> <li>90后</li> <li>boy</li> <li>任性</li></ul><ul type="circle"> <li>90后</li> <li>boy</li> <li>任性</li></ul><ul type="square"> <li>90后</li> <li>boy</li> <li>任性</li></ul>