Rumah > hujung hadapan web > html tutorial > thead、tfoot、 tbody制作一个表格

thead、tfoot、 tbody制作一个表格

高洛峰
Lepaskan: 2017-03-02 14:50:48
asal
1649 orang telah melayarinya

thead、tfoot 以及 tbody标签实现一个表格示例,这三个标签分别代表表格的头部(th)、主题、和底部,能让表格更加语义化的同时,也能让我们更加方便的控制表格的表现 还有人很变态地用这三个标签做出标题能跟随表格,或者tbody固定高度,走出自动出现滚动条的功能。 

代码如下:

<title>thead、tfoot 以及 tbody标签</title>
    <table border="1">
        <thead>
            <tr>
            <th>科目</th>
            <th>分数</th> 
            </tr>
        </thead>
        <tbody>
            <tr>
            <td>语文</td>
            <td>99</td>
            </tr>
            <tr>
            <td>数学</td>
            <td>60</td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
            <td>总分</td>
            <td>159</td>
            </tr>
        </tfoot>
    </table>
Salin selepas log masuk


更多thead、tfoot、 tbody制作一个表格相关文章请关注PHP中文网!


Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan