第二讲 HTML语言(二).docVIP

第二讲 HTML语言（二） 内容 列表 表格 文档的超链接 2.1　列表 HTML语言中的列表主要有无序列表、有序列表、目录列表、菜单列表和描述列表。在本讲中我们只介绍常用的无序列表和排序列表。 2.1.1　无序列表 HTML语言中，无序列表是由ul标签和li标签来实现的。ul标签定义标签的起始和结束位置，在ul/ul中可插入若干个li标签，每一个li表示一个列表项。 ul标签的type属性用于设置每一列表项前面的符号，取值为disc、circle、square，分别表示实心圆圈、空心圆圈、实心方块。 例： ul type=”circle” liThis is the first circle item in the list. liAnd this is the second circle item in the list. /ul 2.1.2　有序列表 HTML语言中，有序列表是由ol标签和li标签来实现的。ol标签定义标签的起始位置。与无序列表一样，在ol/ol中可插入若干个li标签，每一个li表示一个列表项。 ol标签的type属性用于设置每一列表项前面的编号符号，取值为1、A、a、I、 i，分别表示有序列表项的编号为数字、大小写字母、大小罗马数字。当type属性值为1或缺省时，可通过ol标签的start属性来设置有序列表的起始值。 例： ol type=1 start=5 liThis is item number 5. liThis is item number 6. liThis is item number 7. /ol 有关目录列表、菜单列表和描述列表的内容，请参阅有关书籍和资料。 2.2　表格 表格是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 上例为一行一列的表格，标题显示在表格顶部的中央。 2.2.1　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：只显示表格的左右边框。 2.2.2　tr标签 tr标签表示表格的一行，使用时需要结束标记，tr/tr必须完全嵌于table/table中，以下介绍tr标签的主要属性。 align align属性取值为left、center和right之一，分别表示该行中各单元格的内容是左对齐、水平居中和右对齐。 valign valign属性取值为top