【尚硅谷 Java Web 笔记】表格的跨行跨列

colspan 属性设置跨列

rowspan 属性设置跨行

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>表格的跨行跨列</title>
</head><body>
<!--需求：1、新建一个五行五列的表格——快捷创建方法：输入table>tr*5>td*5，再按Tab键2、第一行第一列的单元格要跨两列3、第二行第一列的单元格要跨两行4、第四行第四列的单元格要跨两行两列colspan属性设置跨列rowspan属性设置跨行
--><table border="1" width="500" height="500" cellspacing="0"><tr><td colspan="2">1.1</td><!--<td>1.2</td>--> <!--与单元格1.1合并--><td>1.3</td><td>1.4</td><td>1.5</td></tr><tr><td rowspan="2">2.1</td><td>2.2</td><td>2.3</td><td>2.4</td><td>2.5</td></tr><tr><!--<td>3.1</td>--> <!--与单元格2.1合并--><td>3.2</td><td>3.3</td><td>3.4</td><td>3.5</td></tr><tr><td>4.1</td><td>4.2</td><td>4.3</td><td colspan="2" rowspan="2">4.4</td></tr><tr><td>5.1</td><td>5.2</td><td>5.3</td></tr>
</table></body></html>

运行结果：

【尚硅谷 Java Web 笔记】表格的跨行跨列相关推荐

【尚硅谷 Java Web 笔记】onload事件
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
HTML练习表格的跨行跨列操作
HTML练习表格的跨行跨列操作 colspan跨列 rowspan跨行一列跨两行(左列) 代码展示一列跨两行(右列) 代码展示一行跨两列(上行) 代码展示一行跨两列(下行) 代码展示 ...
table标签、表格的跨行跨列、ifarme标签
table标签需求: 制作一个带表头的三行山列的表格,并显示边框:修改表格的宽度.高度.表格的对齐方式.单元格间距. <!DOCTYPE html> <html lang=&quo ...
【HTML】表格的跨行跨列
表格的跨行跨列第一行第一列的单元格要跨两列,利用colspan属性来实现跨列 <table align="center" border="1" widt ...
latex表格分行跨行跨列
某个表格的单元格中文字太长需要分行显示的方法如分成3行显示添加命令 -------- \newcommand{\tabincell}[2]{\begin{tabular}{@{}#1@{}} ...
itextpdf 表格生成与跨行跨列
itextpdf 表格跨行跨列操作由于前段时间需要做需求接触pdf表格,表格需要跨行跨列操作,写了个工具类,代码如下: static class PdfUtil {/*** 生成一个表格* @aut ...
HTML-表格跨行跨列
HTML-表格跨行跨列 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http:/ ...
（尚硅谷java零基础教程）学习笔记day7/8-数组
1.数组的概述 1.1 定义数组(Array),是多个相同类型数据按一定顺序排列的集合,并使用一个名字命名,并通过编号的方式对这些数据进行统一管理. 1.2 数组的相关概念数组名元素数组的索引 ...
尚硅谷Python自学笔记
文章目录尚硅谷Python自学笔记计算基础知识进制文本文件和字符集 Python介绍 Python入门 Pytho基本语法数值字符串对象(Object) 对象的结构算数运算符条件判断 ...

【尚硅谷 Java Web 笔记】表格的跨行跨列

【尚硅谷 Java Web 笔记】表格的跨行跨列相关推荐

最新文章

热门文章