BTC-CS-HTML-01-第3章 HTML表格和框架.pptxVIP

第3章 HTML表格和框架本章目标了解表格和框架的定义和作用掌握表格元素和框架元素的使用规则，以及常用属性能够灵活的运用表格元素和框架元素开发静态网页HTML 表格元素表格是由行和列组成的结构化数据集(表格数据)，通过在行和列的标题之间进行视觉关联的方法，就可以让信息能够很简单地被解读出来。表格的基本结构每个表格均有若干行，每行被分割为若干单元格。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等。表格标签标签描述table…/table定义表格。thead…/thead定义表格的页眉。tbody…/tbody定义表格的主体。tfoot…/tfoot定义表格的页脚。tr…/tr定义表格的行。th…/th定义表格的表头。td…/td定义表格单元。caption…/caption定义表格标题。col /定义用于表格列的属性。colgroup…/colgroup定义表格列的组。表格是通过table,th,tr,td等标签来完成的表格标签属性值描述borderpixels规定表格单元是否拥有边框。cellpaddingpixelsHTML5 不支持。规定单元边沿与其内容之间的空白。cellspacingpixelsHTML5 不支持。规定单元格之间的空白。frameVoid、above、below、hsides、lhs、rhs、vsides、box、borderHTML5 不支持。规定外侧边框的哪个部分是可见的。rulesnonegroupsrowscolsallHTML5 不支持。规定内侧边框的哪个部分是可见的。summarytextHTML5 不支持。规定表格的摘要。widthpixels%HTML5 不支持。规定表格的宽度。table标签table 标签定义 HTML表格。一个HTML表格包括 table元素，一个或多个?tr、th?以及?td?元素。tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。常用属性表格标签table border=1trth表头1/thth表头2/th/trtrtd内容1/tdtd内容2/td/tr/tabletable标签表格标签table width=400 border=1caption表格的标题/captioncol align=left/col align=left/col align=left /theadtrth表头1/thth表头2/thth表头3/th/tr/theadtbodytrtd内容1/tdtd内容2/tdtd内容3/td/tr/tbodytfoottrtd脚注1/tdtd脚注2/tdtd脚注2/td/tr/tfoot/tabletable标签复杂表格包含了caption、col、thead、tfoot 以及 tbody 元素表格标签属性值描述alignRight、left、center、justify、char定义表格行的内容对齐方式。bgcolorrgb(x,x,x)#xxxxxxcolorname不赞成使用。请使用样式取而代之。规定表格行的背景颜色。charcharacter规定根据哪个字符来进行文本对齐。charoffnumber规定第一个对齐字符的偏移量。valignTop、middle、bottom、baseline规定表格行中内容的垂直对齐方式。tr标签tr 标签定义HTML表格中的行。tr元素包含一个或多个th或td元素。属性表格标签属性值描述abbrtext规定单元格中内容的缩写版本。alignLeft、right、center、justify、char规定单元格内容的水平对齐方式。axiscategory_name对单元格进行分类。bgcolorrgb(x,x,x)#xxxxxxcolorname不推荐使用。请使用样式替代它。规定表格单元格的背景颜色。charcharacter规定根据哪个字符来进行内容的对齐。charoffnumber规定对齐字符的偏移量。colspannumber设置单元格可横跨的列数。headersidrefs由空格分隔的表头单元格 ID 列表，为数据单元格提供表头信息。heightpixels%不推荐使用。请使用样式替代它。规定表格单元格的高度。nowrapnowrap不推荐使用。请使用样式取而代之。规定单元格中的内容是否折行。rowspannumber规定单元格可横跨的行数。scopeCol、colgroup、row、rowgroup定义将表头数据与单元数据相关联的方法。valignTop、middle、bottom、Baseline规定单元格内容的垂直排列方式。widthpixels %不推荐使用。请使用样式取而代之。规定表格单元格的宽度。th标签和td标签th 标签定义表格内的表头单元格，td 标签