文档介绍:第二讲-HTML语言(二)
第二讲 HTML语言(二)
内容
列表
表格
文档的超链接
列表
HTML语言中的列表主要有无序列表、有序列表、目录列表、菜单列表和描述列表。在本讲中我们只介绍常用的无序列表和排序列表。
无序列表
HTML语言中,无序列表是由<ul>标签和<li>标签来实现的。<ul>标签定义标签的起始和结束位置,在<ul></ul>中可插入若干个<li>标签,每一个<li>表示一个列表项。
<ul>标签的type属性用于设置每一列表项前面的符号,取值为disc、circle、square,分别表示实心圆圈、空心圆圈、实心方块。
例:
<ul type=”circle”>
容,请参阅有关书籍和资料。
表格
表格是HTML文档中常用的元素,不仅用于显示数据,而且可用于文档内容的布局。表格由<table>、<tr>、<td>、<th>、<caption>等标签。<table></table>标签用于定义一个表格的起始位置,<tr></tr>表示表格中的一行,<td></td>或<th></th>表示某一行中的一个单元格,<caption></caption>标签放在<table></table>标签中,表示表格的标题。
例:
<table>
<caption>
This caption will appear top-center of the table.
</caption>
<tr>
<td>
this text is inside the table.
</td>
</tr>
</table>
上例为一行一列的表格,标题显示在表格顶部的中央。
<table>标签
<table></table>标签中包含了表格的所有内容,以下介绍<table>标签的主要属性。
align
align属性与<img>标签的align属性相同,用于设置表格和邻近文本的排列位置。
backgroud
background属性用于设置表格的背景图片文件。
bgColor
bgColor属性用于设置表格的背景颜色。当在<table>标签中同时设置了background属性和bgColor属性时,背景图片将覆盖背景颜色。
border、borderColor
border属性和borderColor属性分别用于设置表格边框宽度和边框颜色。
cellPadding
cellPadding属性用于设置表格中单元格内容与单元格边界之间空白距离。
cellSpacing
cellSpacing属性用于设置表格中单元格之间的空白距离。
height、width
height属性和width属性分别表示表格的高度和宽度。
rules
rules属性用于设置表格内的分隔线是否显示。该属性的取值说明如下:
all:显示所有的内部分隔线。
none:不显示任何内部分隔线。
cols:只显示列与列之间的分隔线。
rows:只显示行与行之间的分隔线。
groups:通过<tHead>、<tBody>、<tFoot>和<colGroup>标签可将一个表格区域分成若干个组,将表格的rules属性设置为groups表示只显示组与组之间的分隔线。
frame
frame属性用于设置表格边框是否显示。该属性的取值说明如下:
void:所有外边框都隐藏。
above:只显示表格的上边框。
below:只显示表格的下边框。
hsides:只显示表格的上下边框。
box:显示所有表格外边框。
lhs:只显示表格的左边框。
rhs:只显示表格的右边框。
vsides:只显示表格的左右边框。
<tr>标签
<tr>标签表示表格的一行,使用时需要结束标记,<tr></tr>必须完全嵌于<table></table>中,以下介绍<tr>标签的主要属性。
align
align属性取值为left、center和right之一,分别表示该行中各单元格的内容是左对齐、水平居中和右对齐。
valign
valign属性取值为top、middle和bottom,分别表示该行中各单元格的内容是紧靠上边、垂直居中和紧靠下边。
height、width
height、width属性分别表示行的高度和宽度属性。
<td>标签
<td>标签表示表格的一个单元格,使用时需要结束标记,<td></td>必须完全嵌于<tr></tr>中,以下介绍<td>标签的主要属性。
align、valign
align、valign属性分