《第二讲-html语言(二)》由会员分享，可在线阅读，更多相关《第二讲-html语言(二)（8页珍藏版）》请在金锄头文库上搜索。
1、第二讲 HTML语言（二）内容l 列表l 表格l 文档的超链接2.1列表HTML语言中的列表主要有无序列表、有序列表、目录列表、菜单列表和描述列表。在本讲中我们只介绍常用的无序列表和排序列表。2.1.1无序列表HTML语言中，无序列表是由标签和标签来实现的。标签定义标签的起始和结束位置，在中可插入若干个标签，每一个表示一个列表项。标签的type属性用于设置每一列表项前面的符号，取值为disc、circle、square，分别表示实心圆圈、空心圆圈、实心方块。例：This is the first circle item in the list.And this is the second ci
2、rcle item in the list.2.1.2有序列表HTML语言中，有序列表是由标签和标签来实现的。标签定义标签的起始位置。与无序列表一样，在中可插入若干个标签，每一个表示一个列表项。标签的type属性用于设置每一列表项前面的编号符号，取值为1、A、a、I、 i，分别表示有序列表项的编号为数字、大小写字母、大小罗马数字。当type属性值为1或缺省时，可通过标签的start属性来设置有序列表的起始值。例：This is item number 5.This is item number 6.This is item number 7.有关目录列表、菜单列表和描述列表的内容，请参阅有关书
3、籍和资料。2.2表格表格是HTML文档中常用的元素，不仅用于显示数据，而且可用于文档内容的布局。表格由、等标签。标签用于定义一个表格的起始位置，表示表格中的一行，或表示某一行中的一个单元格，标签放在标签中，表示表格的标题。例：This caption will appear top-center of the table.this text is inside the table.上例为一行一列的表格，标题显示在表格顶部的中央。2.2.1标签标签中包含了表格的所有内容，以下介绍标签的主要属性。1. alignalign属性与标签的align属性相同，用于设置表格和邻近文本的排列位置。2. ba
4、ckgroudbackground属性用于设置表格的背景图片文件。3. bgColorbgColor属性用于设置表格的背景颜色。当在标签中同时设置了background属性和bgColor属性时，背景图片将覆盖背景颜色。4. border、borderColorborder属性和borderColor属性分别用于设置表格边框宽度和边框颜色。5. cellPaddingcellPadding属性用于设置表格中单元格内容与单元格边界之间空白距离。6. cellSpacingcellSpacing属性用于设置表格中单元格之间的空白距离。7. height、widthheight属性和width属性分
5、别表示表格的高度和宽度。8. rulesrules属性用于设置表格内的分隔线是否显示。该属性的取值说明如下：l all：显示所有的内部分隔线。l none：不显示任何内部分隔线。l cols：只显示列与列之间的分隔线。l rows：只显示行与行之间的分隔线。l groups：通过、和标签可将一个表格区域分成若干个组，将表格的rules属性设置为groups表示只显示组与组之间的分隔线。9. frameframe属性用于设置表格边框是否显示。该属性的取值说明如下：l void：所有外边框都隐藏。l above：只显示表格的上边框。l below：只显示表格的下边框。l hsides：只显示表格的
6、上下边框。l box：显示所有表格外边框。l lhs：只显示表格的左边框。l rhs：只显示表格的右边框。l vsides：只显示表格的左右边框。2.2.2标签标签表示表格的一行，使用时需要结束标记，必须完全嵌于中，以下介绍标签的主要属性。1. alignalign属性取值为left、center和right之一，分别表示该行中各单元格的内容是左对齐、水平居中和右对齐。2. valignvalign属性取值为top、middle和bottom，分别表示该行中各单元格的内容是紧靠上边、垂直居中和紧靠下边。3. height、widthheight、width属性分别表示行的高度和宽度属性。2.2
7、.3标签标签表示表格的一个单元格，使用时需要结束标记，必须完全嵌于中，以下介绍标签的主要属性。1. align、valignalign、valign属性分别表示本单元格中内容在水平和垂直方向的对齐方式，属性值与中对应属性取值相同。2. bgColor、backgroudbgColor、backgroud属性分别用于设置单元格的背景色和背景图片。3. rowSpan、colSpanrowSpan、colSpan属性分别该表示单元格所跨的行数和列数。例：Cell(1,1) spans three cells in the level directionCell(2,1) spans two cel
8、ls in the vertical directioncell(2,2) cell(2,3) cell(3,2) cell(3,3)上例显示情况如下图所示。2.2.4标签标签与标签一样，表示表格行中的一单元格。与标签不同的是标签单元格中的内容是以黑体字显示的。通常，表格首行中的单元格用标签，表示表格的标题行。2.2.5标签标签表示表格的标题，使用时需要结束标记。标签的align属性表示标题在水平方向的对齐方式。标签的valign属性取值为top、bottom，分别表示标题位于表格的上方和下方。例：This caption will appear below the table.This te
9、xt is inside the table.上例中，标题显示在表格的下方。2.2.6标签、标签、标签、标签标签、标签和标签用于表格的行分组，分别将表格分为表头、表体和尾注三部分，每一部分可包含若干行。标签用于表格的列分组。例：This text is in the table header.This text is in the table body.This text is in the table footer.上例将一个表分为三部分。例： This column is in the first group. This column is in the first group. This
10、 column is in the second group. This column is in the first group. This column is in the first group. This column is in the second group. 上例中，第一、二列显示为红色，第三列显示为兰色。其中标签中的style为样式表属性，在后续内容会具体介绍。2.3文档的超链接超链接是HTML文档最显著的特点。在HTML语言中，用标签实现超链接，标签必须有相应的结束标记。当鼠标指针放到中的内容上时，会变成一个手型图标，点击鼠标左键后会链接到指定的位置。中的内容可以是文字，也可以是一个图像。2.3.1标签的主要属性1. hrefhref属性用于指定链接的目标点。例：icrosoft home page.上例链到微软网站。例：localhost上例链接目标点为相对地址，链接到本文档所在目录下的sub/page1.htm文档。例：a
