(二)HTML 标签(下 )
1. 表格标签
1.1 表格的主要作用
表格主要用于显示、展示数据,因为可以让数据显示非常规整,可读性好。 表格不是来布局的,而是来展示数据的。
1.2 表格基本语法
- <table></table> 用于定义表格的标签。
- <tr></tr> 标签用于定义表格中的行,必须嵌套在 <table></table>中。
- <td></td> 用于定义表格中的单元格,必须嵌套在 <tr></tr> 中。
- 字母 td 指表格数据(table data),即单元格的内容。
1.3 表头单元格标签 th
一般单元格位于表格的第一行或第一列,表格单元格里面的文本内容 加粗显示。
<th> 标签表示 HTML 表格的表头部分(table head 的缩写) 表头单元格(<th>)也是单元格,常用于表格第一行,突出重要性,表头单元格里面的文字会加粗居中显示。
<tr>
<th>排名</th>
<th>关键词</th>
<th>趋势</th>
<th>进入搜索</th>
<th>最近七日</th>
<th>相关链接</th>
</tr>
<tr>
<td>1</td>
<td>鬼吹灯</td>
<td></td>
<td>345</td>
<td>123</td>
<td> <a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a></td>
</tr>
<tr>
<td>2</td>
<td>鬼吹灯</td>
<td></td>
<td>345</td>
<td>123</td>
<td> <a href="#">贴吧</a> <a href="#">图片</a> <a href="#">百科</a></td>
</tr>
1.4 表格属性
只作了解,后期通过 CSS 来设置。
这些属性都要写到 <table></table> 标签中
属性名 |
属性值 |
描述 |
align |
left、center、right |
表格元素对齐方式 |
border |
1 或"" |
规定是否有边框,默认为"",表示没有边框 |
cellpadding |
像素值 |
规定单元边沿与其内容之间空白,默认 1px |
cellspacing |
像素值 |
规定单元格之间的空白,默认为 2px |
width |
像素值或百分比 |
规定表格宽度 |
hight |
像素 |