HTML 表格

本文详细介绍了HTML中表格的基本结构,包括<table>、<tr>、<td>标签的使用,以及如何通过添加<th>标签创建表头。文章还讲解了如何设置边框属性使表格更加清晰可见。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1,表格的基本结构
每个表格有三个必须标签,< table >,< tr >,< td >三个标签用来创建表格,语法格式:
在这里插入图片描述
< table >< /table >标签用于定义一个表格。< tr >用来定义表格中的一行,必须嵌套在< table >< /table >之中,表格中可以有多对< tr> < /tr> 有几对就代表表格有有几行。< td>< /td >定义表格中的单元格,嵌套在< tr >< /tr >中,几对代表几个的单元格。

演示:
在这里插入图片描述
在这里插入图片描述
表格除了添加文本,还可以添加其他元素,比如图片,列表,段落等。
在这里插入图片描述
在这里插入图片描述
由于我这里没有这两个png文件,所以图片没法显示。

表格默认没有边框,我们可以通过border属性,数值为边框的宽度。
在这里插入图片描述
在这里插入图片描述
2,表头与标题
< th >表示表头,位于表格第一行或者第一列,浏览器会将表头默认以粗体居中样式显示在网页中。
在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值