当前位置:首页 > Web开发 > 正文

包含一个type属性

2024-03-31 Web开发

标签:

html根基标签(下) 方针: 能够书写表格 能够写出无序列表 能够写出3~4个常用input表单类型 能够写出下拉列表表单 能够使用表单元素实现注书页面 能够独立查阅W3C文档 目录: 表格标签 列表标签 表单标签 综合案列 查阅文档 1.表格标签

表格是实际开发中常用的标签

1.表格的主要感化

2.表格的根基语法

1.1 表格的主要感化

表格主要用于显示展示数据,因为它可以让数据显示的非常完整,提高数据的可读性,出格是后台展示数据的时候,能够熟练地运用表格就显得非常重要。一个清爽简约的表格能够把繁杂的数据显示得很有层次。

总结:表格是用来展示数据的,不是用来构造页面的。 1.2 表格的根基语法 <table>
<tr>
...
<td>单元格内的文字</td>
</tr>
...
</table>

1.<table></table>用于界说表格的标签

2.<tr></tr>用来界说表格中得行,必需嵌套在<table></table>标签中

3.<td></td>用于界说表格中的单元格,必需嵌套在<tr></tr>标签中。

4.字母td指表格数据(table data),即数据单元格内的内容。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>表格标签</title>
</head>
<body>
  <table>
      <tr><td>姓名</td> <td>性别</td> <td>喜好</td></tr>
      <tr><td>Chichy</td> <td>男</td> <td>Study</td></tr>
      <tr><td>Ziv</td> <td>男</td> <td>玩游戏</td></tr>
      <tr><td>Beira</td> <td>女</td> <td>喝酒</td></tr>
      <tr><td>Linda</td> <td>女</td> <td>旅游</td></tr>
     
  </table>
</body>
</html>

技术图片

1.3 表头单元格标签

一般表头单元格位于表格的第一行或者第一列,表头单元格里面的文本内容居中加粗显示。而<td>标签没有这个成果。

<th>标签暗示HTML表格的表头部分(table head的缩写)。为了突出其重要性,可以使用表头标签。

<table>
      <tr><th>姓名</th> <th>性别</th> <th>喜好</th></tr>
      <tr><td>Chichy</td> <td>男</td> <td>Study</td></tr>
     
  </table>

技术图片

1.4 表格属性

表格标签这部分的属性我们实际开发中不常用,后面通过CSS来设置。目的有两个:

1.记住这些单词,后面CSS会使用。

2.直不雅观感应熏染表格的外不雅观形态。

cellpadding指的是文字与单元格的距离

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/31053.html