HTML语言认识初涉.pptVIP

表格的基本形式 表格，一般用于对网页的内容进行排版 一个表格由table标记开始，/table结束 表的内容由tr,th和td定义 单元行 单元格 th标记所标记的单元格的文字以粗体出现，通常用于表格的标题栏 表格的例子 Body Table Border=1 align=center Tr Th编号/Th Th名称/Th Th价格(元)/Th /Tr Tr Td001/Td Td语文教材/Td Td20.00/Td /Tr /table /Body 有通栏的表格 1．有横向通栏的表格用td colspan=#属性说明 2．有纵向通栏的表格用td rowspan=#属性说明 #代表通栏占据的网格数 以像素为单位 横向通栏示例 Table Border=1 align=center Tr Td colspan=3 align=center图书信息/Td /Tr Tr Th编号/Th Th名称/Th Th价格(元)/Th /Tr /table 表的大小，边框宽度，表格间距 1．表的大小用width=#和height=#属性说明 2．边框宽度由border=#说明 3．表格间距即划分表格的线的粗细用cellspacing=#表示 宽 高 #是以像素为单位的整数 表格的粗细 Table Border=5 width=150 height=100 cellspacing=5 align=center Tr Th编号/Th Th名称/Th Th价格(元)/Th /Tr Tr Td001/Td Td语文教材/Td Td20.00/Td /Tr /table 表格中文本的输出 1．文本与表框的距离用cellpadding=#设置 2．表格的宽度大于其中的文本宽度时，文本在其中的输出位置用“align=#”定义 3．表格的高度大于其中文本的高度时，可以用valign=#说明文本在其中的位置。 #是left，center和right三者之一，分别表示左对齐，居中和右对齐 #是top，middle，bottom，baseline四者之一。分别表示顶端对齐、居中对齐、底部对齐、基线对齐 #是以像素为单位的整数 Td align=left001/Td 文本与表框的距离 Html Head Title 表格中文本的输出 /Title /Head Body Table Border=1 Cellpadding=10 align=center Tr Th编号/ThTh名称/ThTh价格(元)/Th /Tr Tr Td001/TdTd语文教材/TdTd20.00/Td /Tr /table /Body /Html 表格的高度大于其中文本的高度 Body Table Border=1 height=200 align=center Tr Th编号/Th Th名称/Th Th价格(元)/Th /Tr Tr Td valign=top001/Td Td valign=middle语文教材/Td Td valign=bottom20.00/Td /Tr /table /Body 表格在文件中的位置定义 表格与文件中内容对齐时，若在现在位置上不能满足其对齐方式，可定义其位置，以满足对齐要求 属性一般由align=left、right或center指定 Table Border=1 align=center Tr Th编号/Th Th名称/Th Th价格(元)/Th /Tr Tr Td001/Td Td语文教材/Td Td20.00/Td /Tr /table 表格颜色 表格的颜色用bgcolor=#指定 #是16进制的6位数，格式为rrggbb 红 绿 蓝 Table Border=1 align=center Tr bgcolor=lime Th编号/Th Th名称/Th Th价格(元)/Th /Tr Tr bgcolor=red Td001/Td Td语文教材/Td Td20.00/Td /Tr /Table 动手实践 创建使用超链接和表格的HTML页面 本章我们首先创建一个HTML页面。在页面中创建一个超链接，使超链接指向另一个显示信息的页面。在显示信息的页面中，以表格的形式显示信息。如图1-1、1-2所示： * 第一章 HTML页面与表格 课程目标 通过本章学习，将掌握： HTML文件的结构 如何设置HTML文件的背景色及文本色 如何在页面上添加一个超链接 如何在页面上添加一个表格 如何设置表格的属性 课程定位 相关的术语 网站 当我们在浏览器中输入一个已知网址后，即可打开一个页面，让我们了