5、HTML 表格标签

标准格式

    <table>
        <thead></thead>  表头(字段信息)
        <tbody></tbody>	 表单(数据信息)
    </table>

表头

<table>
        <thead>
            <tr>  tr表示一行
                <td>username</td>  正常文本
                <th>password</th>  加粗文本
                <th>favorite</th> 
            </tr>
        </thead>
        <tbody></tbody>
    </table>

表单

<table>
        <thead>
            <tr>
                <th>username</th>
                <th>password</th>
                <th>favorite</th>
            </tr>
        </thead>
        <tbody>   表单,一个tr一行
            <tr>
                <td>tobutomi</td>
                <td>123456</td>
                <td>code</td>
            </tr>
            <tr>
                <td>egan</td>
                <td>213213</td>
                <td>eat</td>
            </tr>
            <tr>
                <td>tutu</td>
                <td>21333</td>
                <td>football</td>
            </tr>
        </tbody>

table样式属性

border="1" 边框

cellpadding="5" 内边距

cellspacing="5" 外边距

<table border="1" cellpadding="5" cellspacing="5">

td 属性

rowspan="2" 占两行

colspan="2" 占两列

 <td rowspan="2" colspan="2">egan</td>
posted @   漫游者杰特  阅读(61)  评论(0编辑  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· 提示词工程——AI应用必不可少的技术
· .NET周刊【3月第1期 2025-03-02】
点击右上角即可分享
微信分享提示