当前位置：首页 > news >正文

HTML5--网页前端编程（下）

news 来源：原创 2025/5/19 8:58:17

HTML5–网页前端编程（下）

9.常用标签下

（1）表格标签

用来展示数据，显示数据，规整条理，可读性好
基本语法

<table>
  <tr>
<td>单元格内的文字</td>
<td>单元格内的文字</td>

…
</tr>
<tr>
<td>单元格内的文字</td>
<td>单元格内的文字</td>

…
</tr>

             …
</table>

<table>用来定义表格的标签，是一个大的框架
<tr>用来定义表格中的行，必须嵌套在<table>标签中
<td>用来定义表格中的单元格，必须嵌套在<tr>标签中

（2）表头单元格标签

一般表头单元格位于表格第一行或第一列里面的文本内容加粗居中显示
<th>标签表示html表格的表头部分，把<td>换成<th>

<table> 
<tr>
  <th>姓名</th>
  …
</tr>
…
</table>

（3）表格属性

在html中不常用，在css用的多
在这里插入图片描述
这些标签要写到

标签里面

（4）表格结构标签

使用场景：表格可能很长，为了更好的表示表格的语义，将表格分成表头和主体
<thead>表示表格标签的头部区域，<tbody>表示表格标签的主体区域
<thead>用于定义表格的头部，内部必须拥有<tr>标签，一般位于第一行
<tbody>用于定义表格的主题，主要用于放数据本体
这两个标签都是放到<table></table>标签中