0
点赞
收藏
分享

微信扫一扫

我的HTML学习------表格的基本使用


前言小知识:当我们需要连续打出多个相同标签时,也有快捷键

tr*4 然后按下 tab,很神奇吧,这对于我们创建n行n列的表格特别有帮助!!!
<tr></tr>
<tr></tr>
<tr></tr>
<tr></tr>

表格

  • ​​表格的基本使用​​

表格的基本使用

创建表格的方法:

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

  1. table用于定义一个表格标签。
  2. tr标签 用于定义表格中的行,必须嵌套在 table标签中。
  3. td 用于定义表格中的单元格,必须嵌套在标签中。
  4. 字母 td 指表格数据(table data),即数据单元格的内容

下面给大家看下标签所对应的位置以及用法,自己画了个图!!!

我的HTML学习------表格的基本使用_前端


注意啦

  • <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>


举报

相关推荐

0 条评论