HTML基础表格学习
  85fkSwVOmZ0b 2023年12月06日 13 0

HTML 表格由 <table> 标签来定义。 每个表格均有若干行( <tr>),每行被分割为若干单元格(<td>),表格可以包含标题行(<th>)用于定义列的标题。

  • tr:tr 是 table row 的缩写,表示表格的一行。
  • td:td 是 table data 的缩写,表示表格的数据单元格。
  • th:th 是 table header的缩写,表示表格的表头单元格。
标签	          描述
<table>	      定义表格
<th>	        定义表格的表头
<tr>	        定义表格的行
<td>	        定义表格单元
<caption>   	定义表格标题
<colgroup>	  定义表格列的组
<col>	        定义用于表格列的属性
<thead>	      定义表格的页眉
<tbody>	      定义表格的主体
<tfoot>	      定义表格的页脚

例子:HTML 表格和边框属性

<table border="1">
    <tr>
        <th>Header 1</th>
        <th>Header 2</th>
    </tr>
    <tr>
        <td>row 1, cell 1</td>
        <td>row 1, cell 2</td>
    </tr>
    <tr>
        <td>row 2, cell 1</td>
        <td>row 2, cell 2</td>
    </tr>
</table>

例子:HTML 表格表头

<table border="1">
    <tr>
        <th>标题 1</th>
        <th>标题 2</th>
    </tr>
    <tr>
        <td>第一行,第一列</td>
        <td>第一行,第二列</td>
    </tr>
    <tr>
        <td>第二行, 第一列</td>
        <td>第二行,第二列2</td>
    </tr>
</table>


【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年12月06日 0

暂无评论

推荐阅读
85fkSwVOmZ0b