html用于排版标题标签,HTML 排版与标签(四)

清单标签

清单标签分为3种:

1、无序清单(

  • 记忆unorderlist)默认有小圆点

属性:type 取值:disc(圆点) circle(空心圆) square(方形)

2、有序清单(

  1. 记忆orderlist)默认数字排序

属性:type 取值 1,a,A,i,I

start

3、定义清单(

使用

(清单标题)标签和(清单项)

0818b9ca8b590ca3270a3433284dd417.png

0818b9ca8b590ca3270a3433284dd417.png

表格标签

表格标签使用

table: 表格

属性:border:边框

width:宽度

height:高度

align:表格的对齐方式

cellpadding:单元格内容到边的距离

cellspacing:单元格和单元格之间的距离

bgcolor:背景颜色

background:背景图片

bordercolorlight:表格的上,左边框,以及单元格的右,下边框的颜色

bordercolordark: 表格的右,下边框,以及单元格上,左的边框的颜色

dir:单元格内容的排列方式 取值:ltr 从左到右, rtl:从右到左

tr: 行

bgcolor:背景颜色

td: 列

单元格

属性:

align: 内容的横向对齐方式

valign: 内容的纵向对齐方式 top,middle,bottom

width: 绝对值或者相对值(%)

height:单元格的高度

单元格的合并:

单元格的属性:

colspan: 横向合并

rowspan: 纵向合并

th: 相当于

+ 文本加粗

caption: 表格的标题

属性:align: 取值:left,center,right,top,bottom

thead、tbody、tfoot三者写与不写的区别:

1. 当表格非常大的时候,如果不写,则必须等表格的内容全部下载完成才能显示。但是用tbody标签的话,那么边下载边显示。

2.如果不写thead,tbody,tfoot那么浏览器解析表格内容的时候是从上到下解析。如果写了,那么顺序任意,浏览器解析的时候还是按照thead,tbody,tfoot的顺序显示内容

0818b9ca8b590ca3270a3433284dd417.png

表格标题
水果数量
苹果3
橙子4
4

水果数量

苹果34橙子4
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值