写出html表格标记及其意义,HTML表格标记详细讲解（适合初
学者）
当前位置：Gxlcms > html代码 > HTML表格标记详细讲解(适合初学者)
HTML表格标记详细讲解(适合初学者)
时间：2021-07-01 10:21:17 帮助过：73⼈阅读
TABLE>
■
：
这三个标记是定义表格的最重要的标记，可以说只学这三个⼰⾜够。
⽤以标⽰储存格(cell)
例如：
width="400"
表格宽度，接受绝对值(如 80)及相对值(如 80%)。
border="1"
表格边框厚度，不同浏览器有不同的内定值，故请指明。
cellspacing="2"
表格格线厚度，请看例⼦三，那是加厚到 5 的格线。
cellpadding="2"
⽂字与格线的距离，请看例⼦四，那是加⾄ 10 的 padding。
align="CENTER"
表格的摆放位置(⽔平)，可选值为： left, right, center，请看例⼦五或六，那表格 是放于中间的，为怕⼀些浏览器不⽀援，故特加上居中标记
，只是多 层保证⽽⼰，当然只⽤
亦可。
valign="TOP".
表格内字画等的摆放贴　位置(垂直)，可选值为： top, middle, bottom。
background="myweb.gif"
表格　纸，与 bgcolor 不要同⽤。
bgcolor="#0000FF"html表格元素
表格底⾊，与 background 不要同⽤，请看例⼦六。
bordercolor="#FF00FF"
表格边框颜⾊，NC 与 IE 有不同的效果，请看例⼦六。
bordercolorlight="#00FF00"
表格边框向光部分的颜⾊，请看例⼦⼆。『只适⽤于 IE』
bordercolordark="#00FFFF"
表格边框背光部分的颜⾊，请看例⼦⼆，使⽤ bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。『只适⽤于 IE』cols="2"
表格栏位数⽬，只是让浏览器在下载表格是先画出整个表格⽽⼰。
例如：
align="RIGHT"
该⼀列内字画等的摆放贴　位置(⽔平)，可选值为： left, center, right。
valign="MIDDLE"
该⼀列内字画等的摆放贴　位置(垂直)，可选值为： top, middle, bottom。
bgcolor="#0000FF"
该⼀列底⾊，请看例⼦五。
bordercolor="#FF00FF"
该⼀列边框颜⾊，请看例⼦三。『只适⽤于 IE』
bordercolorlight="#808080"
该⼀列边框向光部分的颜⾊，请看例⼦三。『只适⽤于 IE』
bordercolordark="#FF0000"
该⼀列边框背光部分的颜⾊，请看例⼦三，使⽤ bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。『只适⽤于 IE』
的参数设定(常⽤)：
例如：
width="48%"
该⼀储存格宽度，接受绝对值(如 80)及相对值(如 80%)。
height="400"
该⼀储存格⾼度。
colspan="5"
该⼀储存格向右打通的栏数。请看例⼦六
rowspan="4"
该⼀储存格向下打通的列数。请看例⼦六
align="RIGHT"
该⼀储存格内字画等的摆放贴　位置(⽔平)，可选值为： left, center, right。
valign="BOTTOM"
该⼀储存格内字画等的摆放贴　位置(垂直)，可选值为： top, middle, bottom。
bgcolor="#FF00FF"
该⼀储存格底⾊，请看例⼦四。
bordercolor="#808080"
该⼀储存格边框颜⾊，请看例⼦三。『只适⽤于 IE』
bordercolorlight="#FF0000"
该⼀储存格边框向光部分的颜⾊，请看例⼦三。『只适⽤于 IE』
bordercolordark="#00FF00"
该⼀储存格边框背光部分的颜⾊，请看例⼦三，使⽤ bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。『只适⽤于 IE』background="myweb.gif"
该⼀储存格　纸，与 bgcolor 任⽤其⼀。
例⼦⼀：
只有⼀个储存格(cell)的表格
显⽰结果
只有⼀个储存格(cell)的表格
例⼦⼆：
第⼀列第⼀栏第⼀列第⼆栏
显⽰结果
第⼀列第⼀栏 第⼀列第⼆栏
例⼦三：
第⼀列第⼀栏第⼀列第⼆栏
第⼆列第⼀栏第⼆列第⼆栏
显⽰结果
第⼀列第⼀栏 第⼀列第⼆栏 第⼆列第⼀栏 第⼆列第⼆栏
例⼦四：
第⼀列第⼀栏第⼀列第⼆栏
第⼆列第⼀栏第⼆列第⼆栏
显⽰结果
第⼀列第⼀栏 第⼀列第⼆栏 第⼆列第⼀栏 第⼆列第⼆栏
例⼦五： 原始码
第⼀列第⼀栏第⼀列第⼆栏第⼀列第三栏
第⼆列第⼀栏第⼆列第⼆栏第⼆列第三栏
显⽰结果 第⼀列第⼀栏 第⼀列第⼆栏 第⼀列第三栏 第⼆列第⼀栏 第⼆列第⼆栏 第⼆列第三栏
例⼦六
原始码
第⼀列第⼀栏第⼀列 之 第⼆栏及第三栏
第⼆列第⼆栏第⼆列第三栏
第⼆列及第三列 之 第⼀栏
第三列第⼆栏第三列第三栏
显⽰结果
第⼀列第⼀栏 第⼀列 之 第⼆栏及第三栏 第⼆列及第三列 之 第⼀栏 第⼆列第⼆栏 第⼆列第三栏 第三列第⼆栏 第三列第三栏
■
：与同样是标⽰⼀个储存格，唯⼀不同的是所标⽰的储存格中的⽂字是以粗 体出现，通常⽤于表格第⼀列以标⽰栏⽬。它的⽤法是取代的位置便可以，其参数 设定请参考。
当然若为
便等如的效果。
所标⽰的储存格中的⽂字加上粗体标记 便等如
例⼦： 原始码
Month% of IE visitor% of NC visitor
August61%39%
July54%46%
June52%48%
显⽰结果
Month % of IE visitor % of NC visitor August 61% 39% July 54% 46% June 52% 48%
■
： 的作⽤是为表格标⽰⼀个标题列，有如在表格上⽅加上⼀没格线的打通列。 当然亦可置于下⽅，通常⽤以存放该表格的标题。 的参数设定(常⽤)：
例如：
align="TOP"
该表格标题列相对于表格的摆放贴　位置(⽔平)，可选值为： left, center, right, top, middle, bottom，若 align="bottom" 的话标题列便会出现对表格的下⽅，不管你 的原始码中把
放在
valign="TOP"
该表格标题列相对于表格的摆放位置(上下)，可选值为： top, bottom。和 align="TOP" 或 align="BOTTOM" 是⼀样的，虽然功能重复了，但如果你要标题列 置于下⽅及向右或向左贴　，那末两个参数便可⼀　⽤了。当只　⼀个参数时， 请⾸选 align，因为 valign 是由HTML 3.0 才开始的参数。
例⼦：
⽹页速成 ⼋⽉份访客浏览器使⽤分析
Month% of IE visitor% of NC visitor
August61%39%

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。