表格元素
Ⅰ 前言
让我们在回顾一下HTML5的“元素周期表”。
这篇文章我就来讲解一下最右边的表格元素。
下面我们通过这三个表格来逐个讲解表格元素👇
（一）
（二）
（三）
Ⅱ 表格三大元素
<table>,<tr>,<td>
这三个元素就是表格的三大元素，通过这三个元素我们来构建第一个表格。
首先是最基础的<table></table>元素，它们是表格的开始和结束。
在<table>和</table>中间我们就可以开始制作表格了。
<tr></tr>就是单元格的意思，是构建表格的必要元素。
<td></td>就是一行里一个单元格的内容。现在我们用这三个元素来构建第一个表格。
如图，我们就完成了第一行的构建👇
运行结果如下👇
我们发现，看不到边框。所以现在还需要一个参数。
<table border="1px">
在table的开始行加入这个参数，就是边框像素为1的意思，这样边框就可以被看到了。
然后我们将这个表格书写完整。
<!DOCTYPE html>
<html>
<head>
<title>表格元素</title>
</head>
<body>
<table border="1px">
<tr>
<td>张三</td>
<td>男</td>
<td>16</td>
</tr>
<tr>
<td>李四</td>
<td>女</td>
最低0.47元/天 解锁文章
525
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
