《HTML表格1.ppt》由会员分享,可在线阅读,更多相关《HTML表格1.ppt(17页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、HTML 表格回顾回顾HTML文档需要注意的几个地方文档需要注意的几个地方HTML文档特殊符号的表示文档特殊符号的表示HTML文档超链接的使用文档超链接的使用基本的基本的 HTML 元素元素标题标记标题标记段落段落,段落级段落级 标记标记,块标记块标记,字符级标记字符级标记等等等等列表列表水平标尺标记水平标尺标记字体标记字体标记 IMG 标记标记今日目标表格标记的使用表格元素的基本属性的运用表格的嵌套 这三个标记是定义表格的最重要的标记,可以说只学这三个己足够。是一个容器标记,意思是说它用以声明这是表格而且其他表格标记只能在他的范围内才适用.用以表示一行用以表示一列列行列标题表的布局请看示例请
2、看示例example01.html创建表数据单元格数据单元格1数据单元格数据单元格2数据单元格数据单元格3数据单元格数据单元格4数据单元格数据单元格5数据单元格数据单元格6与表相关的标记 表标记 行标记 单元格标记 标题标记 列标记使用表的相关标记创建表使用表使用表创建表创建表一月一月二月二月三月三月四月四月五月五月六月六月100055024015002765124030002430250012509003400Example02.html插入删除行或列要在表格中插入新行,只要在新行要出现的地方插入 和 标记即可。要在表格中插入新列,需要在每行相应的位置添加单元格。删除只需要删除TR,TD标记
3、即可。合并单元格示例示例:example03.html,example04.html增加单元间隔和单元填充Cellspacing 属性定义单元格之间的间距(以像素为单位)。Cellpadding 属性定义表的单元格边界与单元格内容之间的间距(以像素为单位)。示例example05.html 的参数设定(常用):Width 表格宽度 border表格边框厚度 Cellspacing 表格格线厚度Cellpadding 文字与格线的距离Align表格的摆放位置(水平),可选值为:left,right,centervalign表格内字画等的摆放贴位置(垂直),可选值为:top,middle,bott
4、om。Background表格背景图,与 bgcolor 不要同用bgcolor表格底色,与 background 不要同用Bordercolor,表格边框颜色 的参数设定(常用)Align:该一行内字画等的摆放位置(水平),可选值为:left,center,right。valign该一行内字画等的摆放位置(垂直),可选值为:top,middle,bottom。Bgcolor:该一行底色Bordercolor:该一行边框颜色 的参数设定(常用):width列存格宽度列存格宽度height列存格高度列存格高度Colspan:列存格向右合并的列数列存格向右合并的列数rowspan列存格向下合并的列
5、数列存格向下合并的列数align该列内字画等的摆放位置(水平),可选值为:该列内字画等的摆放位置(水平),可选值为:left,center,right。valign该列内字画等的摆放位置(垂直),可选值为:该列内字画等的摆放位置(垂直),可选值为:top,middle,bottom。Bgcolor:背景色背景色,与与Background不可同用不可同用Bordercolor:边框颜色边框颜色Background:景色图景色图,与与bgcolor不可同用不可同用HTML表格无空隙嵌套方法使用背景色法,利用表格间距来冒充边框 示例example06.html表格的嵌套示例example07.html总结1.表格标记的使用2.表格元素的基本属性的运用3.表格的嵌套