第二讲-HTML语言(二).doc

第二讲 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 circle 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.有关目录列表、菜单列表和描述列表的内容，请参阅有关书籍和资料。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. backgroudbackground属性用于设置表格的背景图片文件。3. bgColorbgColor属性用于设置表格的背景颜色。当在标签中同时设置了background属性和bgColor属性时，背景图片将覆盖背景颜色。4. border、borderColorborder属性和borderColor属性分别用于设置表格边框宽度和边框颜色。5. cellPaddingcellPadding属性用于设置表格中单元格内容与单元格边界之间空白距离。6. cellSpacingcellSpacing属性用于设置表格中单元格之间的空白距离。7. height、widthheight属性和width属性分别表示表格的高度和宽度。8. rulesrules属性用于设置表格内的分隔线是否显示。该属性的取值说明如下：l all：显示所有的内部分隔线。l none：不显示任何内部分隔线。l cols：只显示列与列之间的分隔线。l rows：只显示行与行之间的分隔线。l groups：通过、和标签可将一个表格区域分成若干个组，将表格的rules属性设置为groups表示只显示组与组之间的分隔线。9. frameframe属性用于设置表格边框是否显示。该属性的取值说明如下：l void：所有外边框都隐藏。l above：只显示表格的上边框。l below：只显示表格的下边框。l hsides：只显示表格的上下边框。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.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 cells 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 text 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 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文档。例：none上例不链接到任何地方。2. name使用name属性可为标签赋一名称，以便其它地方的标签链接到此地，稍后举例说明。3. targettarget属性用于设置打开目标文档的窗口或框架。取值如下：l name：表示窗口或框架的名称。若以此命名的窗口或框架不存在，则将在一个以此命名的新窗口中打开文档。l _blank：在一新窗口中打开目标文档。l _parent：包含文档窗口的上一层窗口（父窗口）中打开目标文档。l _self：在超链接所在文档的本身窗口中打开目标文档。l _top：在最顶端窗口中打开文档。2.3.2链接到文档的某一位置在WWW浏览时，经常需要直接链接到本文档或另一较长文档的具体位置。对此，我们可按如下步骤实现：1. 在链接到的目标点放一标签，并设置该标签的name属性值，这一标签称为书签，书签名就是name属性的值。例：destination.2. 在另一标签中设置href属性，格式为。其中url为书签名所在文档的url地址，若标签与事前定义的书签处于同一文档中，则可省略url地址，但“”不能省略。例：link to destination.2.3.3图像分块链接图像分块链接是将图像划分为若干个区域，每个区域都链接到各自的目标文档。我们先来看一个图像分块的示例： 在为图像设置分块链接时，首先要用标签定义一个地图。标签有一不可缺省的属性name，表示地图名称，上例中name=systemmap。在中可用标签定义若干个区域，标签不需要结束标记，主要属性有：shap、coords、href，分别表示该区域的形状、范围和对应的目标文档。上例中，定义了一矩形区域，矩形的左上角和右下角坐标分别为(0,0)和(82,126)。点击该区域后，链接到sun.gif文件。定义了一个圆，圆心坐标为(90,58)，半径为3。点击该区域后，链接到 merglobe.gif文件。定义了一个多边形。对于coords属性中的数字，按顺序每两个数字组成多边形的一个拐角坐标。点击该区域后，链接到 jupglobe.gif文件。在定义好地图后，只需将标签的usemap属性设置为地图的name属性即可。上例中usemap=#systemmap，其中“”不能省略。在定义图像分块链接时，标签和标签书写顺序任意。本讲小结常用的列表形式为无序列表、有序列表，分别用和标签表示，在和可插入若干个标签，表示列表项。表格由、等标签组成。标签用于定义一个表格的起始位置，表示表格中的一行，或表示某一行中的一个单元格，标签放在标签中，表示表格的标题。表格主要用于显示数据和文档内容的布局。超链接标签的主要属性有href、name、target。其中href属性用于指定链接的目标点。name属性为标签赋一名称，以便其它地