1. ul-li列表

浏览网页时的新闻列表和图片列表都可以通过ul-li列表完成。ul-li是没有前后顺序的信息列表。

语法：

<ul>
  <li>信息</li>
  <li>信息</li>
   ......
</ul>

ul-li在网页中显示的默认样式一般为：每项<li>前都自带一个圆点。

2. ol-li列表

ol-li标签用来表示有先后顺序的列表。

语法：

<ol>
   <li>信息</li>
   <li>信息</li>
   ......
</ol>

ol-li在网页中显示的默认样式一般为：每项<li>前都自带一个序号，序号默认从1开始。

3. div标签

<div>标签的作用就相当于一个容器，在网页制作过程过中，可把一些独立的逻辑部分划分出来，放在一个<div>标签中。

语法：<div>…</div>

逻辑部分即网页部分一组相互关联的元素。

可以给div命名，使得逻辑更为清晰。即为逻辑部分设置一个名称，可用id属性来为<div>提供唯一的名称。

可根据下图更好理解：

语法：<div id="版块名称">…</div>

4. table标签

在网页上展示一些数据有时会用到表格，创建表格的四个元素为：table、tbody、tr、th、td

• table：整个表格以<table>标记开始、</table>标记结束。
• tbody：放在table标签的后面，当表格内容非常多时，表格会下载一点显示一点，但如果加上<tbody>标签后，这个表格就要等表格内容全部下载完才会显示。
• tr：表示表格的一行，有几对tr标签，则表格就有几行。
• th：表格头部的一个单元格，表格表头。文本默认为粗体并且居中显示。
• td：表格的一个单元格，一行有多个单元格，有多少个单元格，则表格就有多少列。
  有时表格需要添加一些标签进行优化，比如标题和摘要。
• 摘要：语法为：<table summary="表格简介文本">，摘要内容不会在浏览器中显示，只是增加了表格的可读性。
• 标题：语法为：<caption>标题文本</caption>，放在table标签的后面，用以描述表格内容，浏览器中标题在表格上方显示。