HTML中用table标签做表单,【html】02--使用table表格标签

文章导读:

我们做表格使用table标签来承载

1、其中table标签中的属性

tr(table row):表示行

td: 表示列

border 表示边框,表示一个像素

cellpadding 表示单元格边距

cellspacing 表示单元格间距

2、优化代码,建立代码结构

-------优化一下,一般我们正常的是情况是,头部不会修改,修改的是身体部分,所以用到下面俩,更方便

thead:表示列表的头

tbody:表示列表的身体

align(对齐):默认左对齐的

3、表格是可以嵌套表格的

比如:table{

}

table tr{

}

4、th标签  定义表格内的表头单元格

HTML 表单中有两种类型的单元格:

表头单元格 - 包含表头信息(由 th 元素创建)

标准单元格 - 包含数据      (由 td 元素创建)

th 元素内部的文本通常会呈现为居中的粗体文本,而 td 元素内的文本通常是左对齐的普通文本。

首先我们从最简单的开始,了解表格的制作过程:

比如你想做一个简单的表格,跟平常一样的,首先我们先了解到表格用什么标签,接着用什么属性代表行,什么属性代表列,好,开始:

效果图如下:

5d96da446425?utm_campaign=maleskine&utm_content=note&utm_medium=seo_notes&utm_source=recommendation

1、建立行,一行一列,建立表的头部

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值