<!DOCTYPE html>
<html>
<head>
<title>无序列表</title>
</head>
<body>
<p>这里是顶部,你好</p>
<p id=666></p>
<!--unordered list-->
<ul>
<li>Python是一种计算机程序设计语言。</li>
<li>那Python是一种什么语言?</li>
<li>首先,我们普及一下编程语言的基础知识。用任何编程语言来开发程序,都是为了让计算机干活,比如下载一个MP3,编写一个文档等等, </li>
</ul>
<!--ordered list-->
<ol>
<li>框架学习</li>
<li>高级课程</li>
<li>就业</li>
</ol>
<!--definition list:定义列表-->
<dl>
<!--definition title定义标题-->
<dt>帮助中心</dt>
<!--definition description定义描述-->
<dd>账户管理</dd>
<dd>购物指南</dd>
<dd>支付管理</dd>
</dl>
<table border="1" cellspacing="0">
<!--table row-->
<caption>商品清单</caption>
<tr>
<!--table head-->
<th>产品名称</th>
<th>品牌</th>
<!--横向合并-->
<th colspan="2">数量和入库时间</th>
</tr>
<tr>
<td>电视机</td>
<td>小米</td>
<td>200</td>
<td>2019-09</td>
</tr>
<tr>
<td>电冰箱</td>
<td>海尔</td>
<td>20</td>
<td>2018-09</td>
</tr>
<tr>
<td rowspan="4">手机</td>
<td>苹果</td>
<td>219</td>
<td>2019-01</td>
</tr>
<tr>
<td>苹果</td>
<td>219</td>
<td>2019-01</td>
</tr>
<tr>
<td>苹果</td>
<td rowspan="2">219</td>
<td>2019-01</td>
</tr>
<tr>
<td>苹果</td>
<td>2019-01</td>
</tr>
</table>
<a href="http://www.baidu.com" title="点一下,有惊喜" target="_blank">王子养成</a>
<!--self是在当前页面跳转 blank 是在一个新的页面打开-->
<p>xiaxiashizhu</p>
<p>xiaxiashizhu</p>
<p>xiaxiashizhu</p>
<p>xiaxiashizhu</p>
<p>xiaxiashizhu</p>
<p>xiaxiashizhu</p>
<p>xiaxiashizhu</p>
<p>xiaxiashizhu</p>
<p>xiaxiashizhu</p>
<p>xiaxiashizhu</p>
<p>xiaxiashizhu</p>
<p>xiaxiashizhu</p>
<p>xiaxiashizhu</p>
<p>xiaxiashizhu</p>
<p>xiaxiashizhu</p>
<p>xiaxiashizhu</p>
<p>xiaxiashizhu</p>
<p>xiaxiashizhu</p>
<p>xiaxiashizhu</p>
<p>xiaxiashizhu</p>
<p>xiaxiashizhu</p>
<p>xiaxiashizhu</p>
<p>xiaxiashizhu</p>
<p>xiaxiashizhu</p>
<p>xiaxiashizhu</p>
<p>xiaxiashizhu</p>
<p>xiaxiashizhu</p>
<p>xiaxiashizhu</p>
<p>xiaxiashizhu</p>
<p>xiaxiashizhu</p>
<p>xiaxiashizhu</p>
<a href="#666">给我返回顶部</a>
</body>
</html>
- ul–li
- ol–li
- dl–dt-dd
- table(border cellspecing) caption tr th td colspan rowspan
- a 超链接 href title target(blank self)
- 回到顶部,先定义空的标签,定义好id,当行数足够多的时候用a标签包裹,注意加#
![](https://i-blog.csdnimg.cn/blog_migrate/6873419695c92be2574a0a7adbf48613.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/b9871bf866d4860e5d0d78addaf64939.png)