前言小知识:当我们需要连续打出多个相同标签时,也有快捷键
tr*4 然后按下 tab,很神奇吧,这对于我们创建n行n列的表格特别有帮助!!!
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>
表格
- 表格的基本使用
表格的基本使用
创建表格的方法:
<table>
<tr>
<td>单元格内文字</td>
...
</tr>
...
</table>
- table用于定义一个表格标签。
- tr标签 用于定义表格中的行,必须嵌套在 table标签中。
- td 用于定义表格中的单元格,必须嵌套在标签中。
- 字母 td 指表格数据(table data),即数据单元格的内容
下面给大家看下标签所对应的位置以及用法,自己画了个图!!!
注意啦
- <tr> </tr>中只能嵌套 类的单元格
- <td> </td>标签,他就像一个容器,可以容纳所有的元素
- 表格没有列的概念!!!记清楚啦!!!
下面我么拿来实现上面效果:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>我的学习</title>
</head>
<body>
<table>
<tr>
<td>姓名</td>
<td>学号</td>
<td>学院</td>
</tr>
<tr>
<td>Yyds</td>
<td>123</td>
<td>哇啊学院</td>
</tr>
<tr>
<td>Yyds</td>
<td>222</td>
<td>嗯嗯学院</td>
</tr>
</table>
</body>
</html>