一、HTML表格
表格由<table>标签来定义,每个表格均有若干行(由<tr>标签定义),每行被分割为若干单元(由<td>标签定义)。字母td指table data,即数据单元格的内容。
<html>
<body>
<p>一行三列</p>
<table border="1">
<tr>
<td>100</td>
<td>200</td>
<td>300</td>
</tr>
</table>
</body>
</html>
1.1、边框属性
属性border来显示边框属性,其大小决定边框的大小。
不设置border属性或者是border=“0”都不显示边框的。
1.2、表格表头
表格的表头使用<th>标签进行定义。大多数浏览器会把表头显示为粗体居中的文本。
提示:表头也是属于行的内容。表头和td元素的区别就是文本显示粗体居中。
<table border="2">
<tr>
<th>表头1</th>
<th>表头2</th>
<th>表头3</th>
</tr>
<td>100</td>
<td>200</td>
<td>300</td>
<tr>
</tr>
</table>
1.3、表格标签
更多表格实例参看:http://www.w3school.com.cn/html/html_tables.asp
二、HTML列表
1.1、无序列表
无序列表是一个项目的列表,此列项目使用粗体圆点进行标记
无序列表由<ul>标签定义(ul:unordered line),每个列表由<li>定义。
属性type可以指定粗体圆点的样式:1.disc 2.circle 3.square;默认的样式是disc。
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
浏览器显示
1.2、有序列表
同样有序列表也是一列项目,列表项目使用数字进行标记
有序列表用<ol>标签定义(ol: ordered line),每个列表用<li>定义。
属性type指定有序列表的数字显示样式:2.A 3.a 4.罗马数字大写 5.罗马数字小写;默认采用数字标记。
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
浏览器显示结果
1. Coffee
2. Milk
有序列表的默认的起始数字是从1开始的。可以利用start属性来改变起始数字
<ol start="50">
<li>Coffee</li>
<li>Milk</li>
</ol>
浏览器显示结果
50. Coffee
51. Milk
1.3、自定义列表
自定义列表不仅仅是一列项目,而是项目和注释的组合。
自定义列表以<dl>标签开始(dl: define line),每个列表项以<dt>标签开始,每个列表项定义以<dd>标签开始。
<dl>
<dt>Coffee</dt>
<dd>black hot drink</dd>
<dt>Milk</dt>
<dd>white cold drink</dd>
</dl>
浏览器显示结果:
Coffee
black hot drink
Milk
white cold drink