colspan和rowspan这两个属性用于创建特殊的表格。

colspan用来指定单元格横向跨越的列数：colspan就是合并列的，colspan=2的话就是合并两列。

rowspan用来指定单元格纵向跨越的行数:rowspan就是用来合并行的，比如rowspan=2就是合并两行，

  • rowspan通常使用在td和th标签中
  • row:行,span:跨度,跨距,范围
  • col:列,span:跨度,跨距,范围




<body>

<table border="1" width="300">

    <tr>

        <td>1</td>

        <td>2</td>

        <td>3</td>

    </tr>

    <tr>

        <td>4</td>

        <td>5</td>

        <td>6</td>

    </tr>

</table>

</br>

<table border="1" width="300">

    <tr>

        <td colspan=3>合并第一行的三列</td>

    </tr>

    <tr>

        <td>4</td>

        <td>5</td>

        <td>6</td>

    </tr>

</table>

</br>

<table border="1" width="300">

    <tr>

        <td rowspan="2">合并第一列的两行</td>

        <td>2</td>

        <td>3</td>

    </tr>

    <tr>

        <td>5</td>

        <td>6</td>

    </tr>

</table>

</body>




在浏览器中将显示如下


												


											
html表单元素的colspan和rowspan的更多相关文章
	

    
								
  1. 详解HTML中的表单元素
		
    代码详讲: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" c ...
    
		
    2. 
						
  2. jquery获取表单元素与回显
		
    一.获取哦表单元素 dcoument表单文本对象的集合 all[] 对所有html元素的访问 forms 返回对文档中所有form对象的引用 forms[1] 对所有form对象引用 <scri ...
    
		
    3. 
						
  3. HTML5 学习总结（二）——HTML5新增属性与表单元素
		
    一.HTML5新增属性 1.1.contextmenu contextmenu的作用是指定右键菜单. <!DOCTYPE html> <html> <head> & ...
    
		
    4. 
						
  4. CSS之表单元素
		
    表单就是收集用户信息的,就是让用户填写的.选择的. 1                <div> 2                         <h3>欢迎注册本网站&l ...
    
		
    5. 
						
  5. 表单元素的submit()方法和onsubmit事件
		
    1.表单元素中出现了name="submit"的元素 2.elemForm.submit();不会触发表单的onsubmit事件 3.动态创建表单时遇到的问题 表单元素拥有subm ...
    
		
    6. 
						
  6. HTML5 学习笔记（二）——HTML5新增属性与表单元素
		
    目录 一.HTML5新增属性 1.1.contextmenu 1.2.contentEditable 1.3.hidden 1.4.draggable 1.5.data-* 1.6.placehold ...
    
		
    7. 
						
  7. 【原】如何改变表单元素的外观(for Webkit and IE10)
		
    表单元素在网页设计中使用的非常频繁,如文本输入框.单选框.复选框.选择列表.上传文件,它们在浏览器中的展现有自带的外观,为了在视觉上取得更好的产品体验,保持客户端的统一,通常产品经理会提出需要改变它的 ...
    
		
    8. 
						
  8. MVC中使用内建的HTML辅助方法产生表单元素提交表单与button按钮事件的陷阱
		
    网站模板页有个登陆的退出按钮,当点击时跳转到登陆页面. <button onclick="logout()" >退出</button> $("#l ...
    
		
    9. 
						
  9. [转]CSS 表单元素对齐详解
		
    来源:http://blog.sina.com.cn/s/blog_655388ed0100lzyk.html 简单的设置input{vertical-align:middle}即可,完美的: lab ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. YCbCr 编码格式（YUV）---转自Crazy Bingo的博客
			
    YCbCr是DVD.摄像机.数字电视等消费类视频产品中,常用的色彩编码方案. YCbCr 有时会称为 YCC..Y'CbCr 在模拟分量视频(analog component video)中也常被称为 ...
    
			
    2. 
						
  2. linux查看常用操作
			
    linux下查看文件夹以及文件的大小: df命令可以显示目前所有文件系统的可用空间及使用情形 df -h Filesystem Size Used Avail Use% Mounted on /dev ...
    
			
    3. 
						
  3. mysql 源码安装
			
    yum install -y gcc gcc-c++ autoconf libjpeg libjpeg-devel perl perl-CPAN libpng libpng-devel freetyp ...
    
			
    4. 
						
  4. CSS3–2.css3 响应式布局
			
    1.响应式布局 响应式布局是现在很流行的一个设计理念,随着移动互联网的盛行,为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果,设计师提出了响应式布局的设计方案.所谓的响应式布局,就是一个网站 ...
    
			
    5. 
						
  5. ASP.NET Web API中使用GZIP 或 Deflate压缩
			
    对于减少响应包的大小和响应速度,压缩是一种简单而有效的方式. 那么如何实现对ASP.NET Web API 进行压缩呢,我将使用非常流行的库用于压缩/解压缩称为DotNetZip库.这个库可以使用Nu ...
    
			
    6. 
						
  6. 【PHP Cookie&&Session】
			
    大部分的人都知道Cookie,但是可能不了解Session,现在对这两者进行解释. 问题的提出: 有些网站会提示用户在一定的时间之内免登陆,这是用的什么技术?答案是Cookie技术. 有些购物网站会提 ...
    
			
    7. 
						
  7. forEach 方法 (Array) (JavaScript)
			
    为数组中的每个元素执行指定操作. 语法 array1.forEach(callbackfn[, thisArg]) 参数 参数 定义 array1 必选.一个数组对象. callbackfn 必选.最 ...
    
			
    8. 
						
  8. javascript中求浏览器窗口可视区域兼容性写法
			
    1.浏览器窗口可视区域大小 1.1 对于IE9+.Chrome.Firefox.Opera 以及 Safari:•  window.innerHeight - 浏览器窗口的内部高度•  window. ...
    
			
    9. 
						
  9. .NET Nancy 详解(一) 初识
			
    Nancy 是一个轻量级的,简单粗暴的framework用来构建基于HTTP的各种服务,兼容.Net和Mono.Nancy的整套设计理念是基于"super-duper-happy-path& ...
    
			
    10. 
						
  10. Cygwin的安装与配置
			
    去cygwin的官网去下载: 安装: 初次安装 卸载 使用过程中安装新的工具包 参考http://blog.csdn.net/superbinbin1/article/details/10147421 ...
    
			
    11.