您的位置：首页 > Web前端 > HTML

HTML学习 <5>

2015-10-28 11:01 267 查看
一、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
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航