【web学习笔记】013-数据就应该整整齐齐（上）

liuzhengyuan · 发表于 2019-8-6 08:13:36

您需要登录才可以下载或查看，没有账号？立即注册

x

《零基础入门学习web开发》第13讲数据就应该整整齐齐（上） | 学习笔记

· 程序（表格）：

<!DOCTYPE html>
<html>
<head>
<title>鱼C学编程 - 第011课 - abbr元素展示</title>
<meta charset="UTF-8"/>
<style>
table {
border: 1px solid black;
border-collapse: collapse;
padding: 5px;
}
th {
border: 1px solid red;
padding: 5px;
}
td {
border: 1px solid blue;
padding: 5px;
}
caption {
color: green;
padding: 10px;
}
</style>
</head>
<body>
<table>
<caption>以下全部都是假的<caption>
<tr><th>姓名</th> <th>年龄</th> <th>随便说句话</th> <th>图片</th></tr>
<tr><td>小甲鱼</td> <td>18</td> <td>让编程改变世界</td> <td><img src="https://ilovefishc.com/html5/html5/lesson13/test3/img/CaptainAmerica.jpg" alt="美国队长" width="300"></td></tr>
<tr><td>不二如是</td> <td>28</td> <td>热爱编程等人，运气总不会太差，何况你还热爱鱼C！</td> <td><img src="https://ilovefishc.com/html5/html5/lesson13/test3/img/IronMan.jpg" alt="钢铁侠" width="300"></td></tr>
</table>
</body>
</html>

复制代码

· 运行效果：

liuzhengyuan · 发表于 2020-4-10 12:28:39

知识点总结

table 定义表格
tr 表格的行
th 表头
td 格子

border-collapse: collapse; 让边框重合

账号		自动登录	找回密码
密码			立即注册

[学习笔记] 【web学习笔记】013-数据就应该整整齐齐（上）