HTML5表格的使用

 

常用的几个属性的实现

html代码：

<!DOCTYPE html>
<html lang="en">


<head>
    <meta charset="UTF-8">
    <title>表格</title>
</head>
<body>

<!--border：定义边框为1  cellpadding：单元格边距  cellspacing:单元格间距-->
<table border="1" cellpadding="10" cellspacing="10">

    <!--表格的表头-->
    <caption>表格标题</caption>

    <!--表头行，字体有着重效果-->
    <tr>
        <th>表头</th>
        <th>表头</th>
        <th>表头</th>
    </tr>

    <!--单元行一-->
    <tr>
        <td>单元格一</td>
        <td>单元格一</td>
        <td>单元格一</td>
    </tr>

    <!--单元行二-->
    <tr>
        <td>单元格一</td>
        <td>单元格一</td>
        <td>单元格一</td>
    </tr>

</table>


</body>
</html>

 

实现效果：

 

posted @ 2018-01-27 15:44  西红柿里没有番茄  阅读(176)  评论(0)  编辑  收藏  举报