05-表格

作者: 阅心_5cc2 | 来源:发表于2018-08-13 20:34 被阅读0次
    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title>表格</title>
        </head>
        <body>
            <!--table标签代表整个表格
                tr---代表的是一行
                td---代表的是一列(一个td对应一个单元格)
                一个表格中可以有多行,一行有多列
                属性:
                1.border:设置整个表格中边框的宽度
                2.width:设置整个表格的宽度
                3.height:设置整个表格的高度(每一行的高度都是一样的)
                4.align:center---让整个表格在其父标签中居中
                5.cellspacing:设置单元格和单元格之间的间隙
                6.cellpadding = "100"设置内容和单元格之间的间距
                
                
                tr属性:
                1.height:设置单独的某一行的高度
                2.align:center ---让当前行里面的所有的单元格中的内容居中
                
                td属性:
                1.width:设置单独的某一行的宽度
                2.align:center --让某一个单元格中的内容居中
                
                注意:所有的属性的值都要用双引号括起来
                
                
            -->
            <table border = "1" width="300" height = "100" align="center" bgcolor="aquamarine" cellspacing="0">
                <tr align="center" bgcolor="aqua" >
                    <td>name</td>
                    <td>score</td>
                    <td>yes/no</td>
                </tr>
                <tr>
                    <td>xiaoming</td>
                    <td>90</td>
                    <td>no</td>
                </tr>
                
                    
            </table>
    
        </body>
    </html>
    

    相关文章

      网友评论

          本文标题:05-表格

          本文链接:https://www.haomeiwen.com/subject/lhwubftx.html