HTML元素解析-table

HTML表格<table>标签

　　<table>标签定义HTML的表格，简单的表格由<table>标签和一个或多个tr、th、td元素组成。

　　tr定义表格行，th定义表格头，td定义表格的单元格。

　　更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。

实例1（基础）：

<html>
    <head>
        <title>table表格</table>
    </head>
    <body>
        <p>每个表格由 table 标签开始。</p>
        <p>每个表格行由 tr 标签开始。</p>
        <p>每个表格数据由 td 标签开始。</p>
        <h4>一列：</h4>
        <table border="1">
            <tr>
                <td>100</td>
            </tr>
        </table>
        <h4>一行三列：</h4>
        <table border="1">
            <tr>
                <td>100</td>
                <td>200</td>
                <td>300</td>
            </tr>
        </table>
        <h4>两行三列：</h4>
        <table border="1">
            <tr>
                <td>100</td>
                <td>200</td>
                <td>300</td>
            </tr>
            <tr>
                <td>400</td>
                <td>500</td>
                <td>600</td>
            </tr>
        </table>
    </body>
</html>

实例2（边框）：

<html>
    <head>
        <title>table表格</table>
    </head>
    <body>
        <h4>带有普通的边框：</h4>  
        <table border="1">
            <tr>
                <td>First</td>
                <td>Row</td>
            </tr>   
            <tr>
                <td>Second</td>
                <td>Row</td>
            </tr>
        </table>
    </body>
</html>

学习网址：

http://www.w3school.com.cn/tags/tag_table.asp

posted @ 2019-07-03 10:38  闹闹S  阅读(928)  评论(0)  编辑  收藏  举报