表格结构,属性及合并

表格的基本结构  (table>tr*2>td*2)

<table><!-- 创建表格 -->
   <tr> <!--tr表示行 -->
         <td>1</td>  <!--td表示单元格 -->
        <td>2</td>
    </tr>
    <tr>
        <td>3</td>
        <td>4</td>
    </tr>
<table>

表格table的属性

1.高度  height 2.宽度  width  

3.边框  border  4.边框颜色  bordercolor  5.背景颜色 bgcolor

6.水平对齐 align="left /right /center"

7.单元格与单元格之间的间距  cellspacing="距离“

8.单元格与内容之间的间距     cellpadding="距离”

<table border="1px" width="500px" height="500px"
        bordercolor="red" bgcolor="yellow"
        cellspacing="20"><!-- 创建表格 -->
   <tr> <!--tr表示行 -->
         <td>1</td>  <!--td表示单元格 -->
        <td>2</td>
    </tr>
    <tr>
        <td>3</td>
        <td>4</td>
    </tr>
 </table>

tr属性:高度,背景颜色,文字水平对齐(align:left/right/center),文字垂直对齐(valign:top/mibble/bottom)

td属性:宽度,背景颜色,文字水平对齐(align:left/right/center),文字垂直对齐(valign:top/mibble/bottom)

表格的合并合并行  colspan="合并的单元格数”

      合并列  rowspan="合并的单元格数“ 

 

posted @ 2023-10-08 20:32  故塔拉黑暗之神  阅读(108)  评论(0)    收藏  举报