HTML基本标签——列表标签、表格标签、图片标签、超链接标签

一.列表标签

　　1.有序列表

　　　　<ol type="I">
　　　　　　<li>语文</li>
　　　　　　<li>数学</li>
　　　　　　<li>英语</li>
　　　　</ol>

　　2.无序列表

　　　　<ul type="square">
　　　　　　<li>HTML</li>
　　　　　　<li>CSS</li>
　　　　　　<li>JS</li>
　　　　</ul>

　　 3.定义列表

　　　　<dl>
　　　　　　<dt>语文</dt>
　　　　　　<dd>这是一门写作文的学科</dd>
　　　　　　<dt>数学</dt>
　　　　　　<dd>这是一门算数的学科</dd>
　　　　</dl>

 　　示例：

                   

二.表格标签

 　　

　　　　<table border="1px" width="200px" height="100px" cellspacing="0px" cellpadding="20px">
　　　　　　<tr>
　　　　　　　　<td rowspan="2">单元格1</td>
　　　　　　　　<td>单元格2</td>
　　　　　　　　<td>单元格3</td>
　　　　　　</tr>
　　　　　　<tr>
　　　　　　　　<td colspan="2">单元格5</td>
　　　　　　</tr>
　　　　</table>

　　示例：

            

三.图片标签

　　<img src="图片的路径" 　　title=“当鼠标放在如图上的文字” 　　alt=“当图片显示不出来的时候显示的文字”>

　　　　<img src="./img/a.jpg" title="张继科" alt="">
　　　　<img src="https://s.cn.bin.net/th?id=OSB.92xLan2HuqcTUgV9e87gDQ--.png&w=30&h=30&o=6&dpr=5&pid=SGAM" alt="这是一张图片">

　　　　示例：

            

四.超链接标签

　　　<a href=“链接”　　target="打开方式（_blank  新窗口打开； _self   默认 在本窗口）"></a>

　　　　<a href= “******.zip”  (当链接指向的文件浏览器无法解析时，就会提供下载功能)></a>

　　　　锚点链接：标记<a name="值"></a>　　跳到标记“<a href="路径 #name属性的值"></a>

　　　　示例：