2017.9.15 HTML学习总结---表格table

2.7 表格<table>的属性：

属性　　　　　　　  用途

width         表格宽度

height        表格高度

align         表格水平对齐

border        表格边宽厚度

cellpadding     边距

cellspacing     间距

bgcolor       表格背景颜色

background     表格背景图像

 

表格行的属性（<tr>属性）：

align      单元格水平对齐；

valign    　单元格中内容的垂直对齐方式：top--顶端对齐 ； middle--中间对齐 ；bottom--底端对齐；

bgcolor  　　背景颜色 ；

 

<td>,<th>属性

注意：td的属性用于设置表格中某一单元格的属性；具体内的容器，使用时要放在<tr> </tr>之间

align     水平对齐方式

background  背景图像

colspan    跨列数目（横向合并）

height     高度

valign    垂直对齐方式

bgcolor    背景颜色

rowspan    跨行数目（纵向合并）

width     宽度

例如：

<html>
  <head>
    <title>表格标记举例</title>
  </head>
  <body text="blue">
    <table width="70%" border="1" align="center">
        <tr><th align="center" colspan="3">期中成绩表</th></tr>
        <tr><th align="center">姓名</th><th align="center">语文</th><th align="center">数学</th></tr>
        <tr><th align="center">张三</th><th align="center" colspan="2">100</tr>
        <tr><th align="center">李四</th><th align="center">98</th><th align="center">43</th></tr>
        <tr><th align="center">王晓彤</th><th rowspan=2>97</th><th align="center">78</th></tr>
        <tr><th align="center">成天才</th><th align="center">94</th>
      </table>
  </body>
</html>

 

 

 

posted @ 2017-09-15 23:51  LegendQi  阅读(239)  评论(0)  编辑  收藏  举报