HTML教程-跨多行、多列的表元

我叫颜三皮

我叫颜三皮

2016-02-19 20:33

人生本是一个不断学习的过程,在这个过程中,图老师就是你们的好帮手,下面分享的HTML教程-跨多行、多列的表元懂设计的网友们快点来了解吧!

  要创建跨多行、多列的表元,只需在TH或TD中加入ROWSPAN或COLSPAN属性,这两个属性的值,表明了表元中要跨越的行或列的个数。

  跨多列的表元 th colspan=# td colspan=#

  colspan表示跨越的列数,例如colspan=2表示这一格的宽度为两个列的宽度。

  跨多行的表元 th rowspan=# td rowspan=# 

  rowspan所要表示的意义是指跨越的行数,例如rowspan=2就表示这一格跨越表格两个行的高度。

跨多列的表元

html
head
title表格TABLE/title
/head
/html

table border
trth colspan=3值班人员 /th
trth星期一/th       th星期二/th  th星期三/th
trtd李强/tdtd张明/tdtd王平/td
/table

跨多行的表元

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

html
head
title表格TABLE/title
/head
/html

table border
trth rowspan=2值班人员/th
th星期一/thth星期二/th  th星期三/th/tr
trtd李强/tdtd张明/tdtd王平/td/tr
/table

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

HTML教程-跨多行、多列的表元

Web开发
HTML教程-跨多行、多列的表元

Excel一列转多行多列的方法

电脑入门
Excel一列转多行多列的方法

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Excel如何多行或多列批量求和

excel
Excel如何多行或多列批量求和

Excel多行多列提取不重复姓名

excel
Excel多行多列提取不重复姓名

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

CSS实战:利用CSS相对定位进行多行多列布局

Web开发
CSS实战:利用CSS相对定位进行多行多列布局

Excel怎么快速转换多列数据 快速转换多列数据的教程

Excel
Excel怎么快速转换多列数据 快速转换多列数据的教程

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

MySQL数据库技术(30)

MySQL数据库技术(30)

关于搜索引擎页面分析中的 javascript 处理的2个思路

关于搜索引擎页面分析中的 javascript 处理的2个思路
下拉加载更多内容 ↓