HTML表格_动力节点Java学院整理

时间：2017-08-15

在html中绘制表格使用table标签

tr表示行
td表示列
th表示表头，表头通常用于列名字。

下面是一个列子。

<html>
    <head>
        <title>Table in html</title>
    </head>
    <body>
        <p>水平表头</p>
        <table border="1">
         <tr>
            <th>Name</th>
            <th>Age</th>
            <th>Gender</th>
         </tr>
         <tr>
            <td>zdd</td>
            <td>30</td>
            <td>male</td>
         </tr>
         </table>
         <p>垂直表头</p>
         <table border="1">
         <tr>
            <th>Name</th>
            <td>autumn</td>
         </tr>
         <tr>
            <th>Age</th>
            <td>30</td>
         </tr>
         <tr>
            <th>Gender</th>
            <td>famale</td>
         </tr>
        </table>
    </body>
</html>

效果图

水平表头

Name	Age	Gender
zdd	30	male

垂直表头

Name	autumn
Age	30
Gender	famale

无边框表格

共5页:

上一篇1/5

上一篇：HTML数据提交post_动力节点Java学院整理 下一篇：HTML框架_动力节点Java学院整理

HTML表格_动力节点Java学院整理

相关文章

最新文章