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>

 

 

原文地址:https://www.cnblogs.com/qichunlin/p/7529206.html