列表标签介绍

1.有序列表

（1）代码实现：

<h1>搜索引擎排名</h1>

<ol >

<li>Google</li>

<li>Baidu</li>

<li>Bing</li>

<li>Sogou</li>

</ol>

 

（2）效果展示：

 

2.无序列表

（1）代码实现：

<h1>软件编程语言</h1>

<ul>

<li>Java</li>

<li>C++</li>

<li>Python</li>

<li>JavaScript</li>

</ul>

（2）效果展示：

3.自定义列表

（1）代码实现：

<h1>健康食品</h1>

<dl>

<dt>水果</dt>

<dd>苹果</dd>

<dd>香蕉</dd>

<dt>蔬菜</dt>

<dd>西兰花</dd>

<dd>菠菜</dd>

</dl>

（2）效果展示：

4.表格制作

（1）代码实现：

<center>

<b>小说排行榜</b>

</center>

<table align=center border="1" style="border-collapse: collapse">

<tr>

<th>排名</th>

<th>关键词</th>

<th>趋势</th>

<th>今日搜索</th>

<th>最近七日</th>

<th>相关链接</th>

</tr>

<tr>

<td>1</td>

<td>鬼吹灯</td>

<td>

<img src="../work2/images/up.jpg">

</td>

<td>356</td>

<td>3560</td>

<td>

<a href="贴吧">贴吧</a>

<a href="图片">图片</a>

<a href="百科">百科</a>

</td>

</tr>

<tr>

<td>1</td>

<td>鬼吹灯</td>

<td><img src="../work2/images/down.jpg"></td>

<td>356</td>

<td>3560</td>

<td>

<a href="贴吧">贴吧</a>

<a href="图片">图片</a>

<a href="百科">百科</a>

</td>

</tr>

<tr>

<td>1</td>

<td>鬼吹灯</td>

<td><img src="../work2/images/up.jpg"></td>

<td>356</td>

<td>3560</td>

<td>

<a href="贴吧">贴吧</a>

<a href="图片">图片</a>

<a href="百科">百科</a>

</td>

</tr>

<tr>

<td>1</td>

<td>鬼吹灯</td>

<td>1</td>

<td>356</td>

<td>3560</td>

<td>

<a href="贴吧">贴吧</a>

<a href="图片">图片</a>

<a href="百科">百科</a>

</td>

</tr>

<tr>

<td>1</td>

<td>鬼吹灯</td>

<td>1</td>

<td>356</td>

<td>3560</td>

<td>

<a href="贴吧">贴吧</a>

<a href="图片">图片</a>

<a href="百科">百科</a>

</td>

</tr>

<tr>

<td>1</td>

<td>鬼吹灯</td>

<td>1</td>

<td>356</td>

<td>3560</td>

<td>

<a href="贴吧">贴吧</a>

<a href="图片">图片</a>

<a href="百科">百科</a>

</td>

</tr>

<tr>

<td>1</td>

<td>鬼吹灯</td>

<td>1</td>

<td>356</td>

<td>3560</td>

<td>

<a href="贴吧">贴吧</a>

<a href="图片">图片</a>

<a href="百科">百科</a>

</td>

</tr>

</body>

</html>

（2）效果展示：