天天看点

HTML学习第五课定义列表和表格一、定义表格(dl)

定义列表和表格

一、定义表格(dl)

定义列表的表格也叫做描述性列表,定义列表默认为为两个层次,第一层为列表项标签< dt>,第二层为注释项标签< dd>。< dt>和< dd>标签通常是成对使用的,也可以一个列表项对应于几个解释项,其格式为:

<dl>
	<dt>第1项</dt>
		<dd>注释1</dd>
	<dt>第二项</dt>
	 	<dd>注释2</dd>
	 <dt>第三项</dt>
	 	<dd>注释3</dd>
           

二、表格(table)

< table>标签定义HTML表格。

简单的HTML表格由table 元素以及一个或多个tr、th、或td元素组成。tr元素定义表格行,th元 素定义表头,td元素定义表格单元。

更复杂的HTML表格也可能包括caption 、col、 colgroup、 thead、 tfoot以及tbody元素。例如:

<!DOCTYPE html>
<title>基本表格</title>
<meta charest="utf-8">
<table  >
<caption>学生信息表</caption>
<tr>
<th>姓名</th>
    <th>学号</th>
    <th>班级</th>
</tr>
 <tr>
     	<td>小红</td>
	<td>10012</td>
	<td>学前1班</td>
</tr>
<tr>
    	<td>小明</td>
	<td>10018</td>
	<td>学前2班</td>
</tr>   
</table>
           

基本表格

学生信息表

姓名 学号 班级
小红 10012 学前1班
小明 10018 学前2班

如上图所示,千万要记得< th>是表头,< td>是类似身体的部位,也就是表格单元。而< tr>定义单元行。

此外表格标签< table >有很多属性。如图1-1-2所示。 基本表格

表1-1-2

属性 描述
width 表格的宽度
height 表格的高度
border 表格边框的宽度(以像素为单位)
cellspacing 单元格之间的间距
cellpadding 单元格内容与单元格边界之间的空白距离的大小

如果要创建跨多行、多列的单元格,只需在< th>或< td>中加入rowspan或colspan属性的属性值,例如:< th colspan=#>,#表示跨过#列,如果是2的话则表示跨过2列。行也是如此。