HTML教学研讨.ppt

html head title 表格测试/title /head body table border=1 tr align=center td colspan=4 rowspan=1诗两首/td /tr tr td colspan=1 rowspan=2 游子吟/td td慈母手中线/td td游子身上衣/td td临行密密缝/td /tr tr td 意恐迟迟归/td td谁知寸草心/td td报得三春晕/td /tr thead、tbody、tfoot这三个标签用于对表格按行分组，可定义那种划分有标题行、数据行、总计行等格式的表格。 这三个标签对表格的显示效果没有影响，但在定义表格的CSS样式时可以起到分组的作用。 这三个标签支持 align 和 valign 属性，可设置组内各单元格的对齐方式。 如果组的数量很多，我们可以多次使用 tbody 标签，每个 tbody 标签都是一组。 举例： table width=300 border=1 cellspacing=0 cellpadding=0thead tr th姓名/th th年龄/th /tr/theadtbody align=center tr td张三/td td25/td /tr tr td李四/td td23/td /tr/tbody/table 本例中，第一行为标题行，用 thead 标签把它分为一组。 其后各行为内容行，用 tbody 标签把它们分为一组。 colgroup、col 这两个标签用于对表格按列分组，它们的功能几乎是相同的。 colgroup 标签有开始标签和结束标签，col 标签只有开始标签，没有结束标签。 这两个标签对于制作一些特殊形态的表格有重要作用。 举例： table border=1 cellspacing=0 cellpadding=0colgroup width=40 align=center bgcolor=#C0C0C0/colgroupcolgroup span=2 width=120 bgcolor=#E0FFFF/colgrouptrthnbsp;/thth姓名/thth年龄/th/trtrtd height=251/tdtd张三/tdtd25/td/trtrtd height=252/tdtd李四/tdtd23/td/tr/table 每个 colgroup 标签定义一个列组。span 属性指定这个列组包含的列数。 本例中第一个 colgroup 标签定义的列组包含了一列，第二个 colgroup 标签定义的列组包含了两列。 colgroup 标签的其它属性用于定义这个列组中各列的共同属性，包括宽度、对齐方式、背景颜色等。 本文本 是一个指向本网站中的一个页面的链接。 本文本 是一个指向万维网上的页面的链接。 html body p a href=/example/html/lastpage.html img border=0 src=/i/eg_buttonnext.gif / /a /p /body /html html body p a href=#C4查看 Chapter 4。/a /p h2Chapter 1/h2 pThis chapter explains ba bla bla/p h2Chapter 2/h2 pThis chapter explains ba bla bla/p h2Chapter 3/h2 pThis chapter explains ba bla bla/p h2a name=C4Chapter 4/a/h2 pThis chapter explains ba bla bla/p h2Chapter 5/h2 pThis chapter explains ba bla bla/p …………………… /body /html html body form 名： input type=text name=firstname br / 姓： input type=text name=lastname /form /body /html html body form 用户： input type=text name=user br / 密码： input type=password name=password /form p 请注意，当您在密码域中键入字符时，浏览器将使用项目符号来代替这些字符。 /p /body /html html body form 男性： input