学习软件测试的第三天

这篇博客详细介绍了HTML中的表格标签,包括table、tr、td等元素及其属性,如width、height、border、align等,并提供了两个实际案例,分别是创建带边框的表格和课程表的实现,帮助读者深入理解表格的使用。
摘要由CSDN通过智能技术生成

一、html的标签

html线上资料:HTML 元素

1.1 表格

  • 表格标签:table

  • table中的行标签 tr

  • table中的列标签 td

table标签的属性

  • width:表格的宽度,值可以是具体的值,也可以是百分比

  • height:表格的高度,值可以是具体的值,也可以是百分比

  • border:表格的边框先的粗细

  • bgcolor:表格的背景色

  • align:设置表格的对齐方式,center表示居中,left表示居左,right表示居右

  • rulles=yes:表示合并边框线

  • cellpadding:设置单元格的边框线和内容之间的距离

  • cellspacing:设置单元与相邻的单元格的距离

tr标签的属性

  • bgcolor:设置这行的背景色

  • height:设置这行的高度

  • align:设置水平居中,center表示居中,left表示居左,right表示居右

  • valign:设置垂直居中,middle表示居中,top表示上,bottom表示下

td标签的属性

  • bgcolor:设置这列的背景色

  • height:设置这高的高度

  • align:设置水平居中,center表示居中,left表示居左,right表示居右

  • valign:设置垂直居中,middle表示居中,top表示上,bottom表示下

  • rowspan:上下合并单元格

  • colspan:左右合并单元格

案例1:创建一个三行五列的表格,设置边框未黑色线,1像素大小,实线

<!DOCTYPE html>
<html>
<head>
    <title></title>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值