HTML表格元素汇总

HTML—表格

1、表格的基本结构

<table>标签用来创建表格,<tr>标签用来创建行,<td>标签用来创建列。
border属性表示给表格添加边框,它的值5表示边框的宽度为5px

在这里插入图片描述
在这里插入图片描述


2、表格的属性——宽、高
使用widthheight来定义表格的宽和高,widthhegiht单位是px,可加可不加。widthheight的值还可以是百分比(%),这样表格就可以随着文档宽高的变化而变化。
在这里插入图片描述
在这里插入图片描述


3、表格的属性——cellpadding
属性cellpadding,它规定了单元边沿与其内容之间的空白。

<table border="2" cellpadding='1'>
cellpadding为1时
在这里插入图片描述


<table border="2" cellpadding='20'>
cellpadding为20时
在这里插入图片描述


2、表格的属性——cellspacing
属性cellspacing,它规定了单元格之间的空间。

<table border="1" cellpadding='10' cellspacing='0'>
cellspacing为0时
在这里插入图片描述

<table border="1" cellpadding='10' cellspacing='20'>
cellspacing为20时
在这里插入图片描述


5、表格的标题
<caption>标签来创建表格标题,需要注意的是它的位置:紧随<table>标签之后。
在这里插入图片描述
在这里插入图片描述
6、表格——<td> 标签的 rowspan 属性
<td>标签的rowspan属性来实现,它规定了单元格可横跨的行数。
在这里插入图片描述
在这里插入图片描述


7、表格——<td>标签的colspan属性
<td>标签的colspan属性来实现,它规定了单元格可横跨的列数。
在这里插入图片描述
在这里插入图片描述


  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值