HTML学习 <5>

来源：互联网发布：点菜宝怎么下载数据编辑：程序博客网时间：2024/06/14 05:07

一、HTML表格

表格由<table>标签来定义，每个表格均有若干行（由<tr>标签定义），每行被分割为若干单元（由<td>标签定义）。字母td指table data，即数据单元格的内容。

<html>

<body>

<tr>

</tr>

</table>

</body>

</html>

1.1、边框属性

属性border来显示边框属性，其大小决定边框的大小。

不设置border属性或者是border＝“0”都不显示边框的。

1.2、表格表头

表格的表头使用<th>标签进行定义。大多数浏览器会把表头显示为粗体居中的文本。

提示：表头也是属于行的内容。表头和td元素的区别就是文本显示粗体居中。

<tr>

</tr>

<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>

</ul>

浏览器显示

1.2、有序列表

同样有序列表也是一列项目，列表项目使用数字进行标记

有序列表用<ol>标签定义（ol: ordered line），每个列表用<li>定义。

属性type指定有序列表的数字显示样式：2.A 3.a 4.罗马数字大写 5.罗马数字小写；默认采用数字标记。

<ol>

<li>Coffee</li>

</ol>

浏览器显示结果

1. Coffee

2. Milk

有序列表的默认的起始数字是从1开始的。可以利用start属性来改变起始数字

<li>Coffee</li>

</ol>

浏览器显示结果

50. Coffee

51. Milk

1.3、自定义列表

自定义列表不仅仅是一列项目，而是项目和注释的组合。

自定义列表以<dl>标签开始（dl： define line），每个列表项以<dt>标签开始，每个列表项定义以<dd>标签开始。

<dl>

<dt>Coffee</dt>

<dd>black hot drink</dd>

<dd>white cold drink</dd>

</dl>

浏览器显示结果：

Coffee

black hot drink

Milk

white cold drink

0 0