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. August 31st 2016 Week 36th Tuesday
			
    A friend without faults will never be found. 没有缺点的朋友是永远找不到的. You can't find a friends without faults ...
    
			
    2. 
						
  2. Linux vmstat字段解析
			
    vmstat命令是最常见的Linux/Unix监控工具,可以展现给定时间间隔的服务器的状态值,包括服务器的CPU使用率,内存使用,虚拟内存交换情况,IO读写情况.这个命令是我查看Linux/Unix最 ...
    
			
    3. 
						
  3. html+css+js实现标签页切换
			
    CSS部分: #Tab { margin:0 auto; width:640px; border:none; position:absolute; z-index:9; margin-left:320 ...
    
			
    4. 
						
  4. 微信token验证失败的解决方法
			
    一.问题由来 在使用URL和Token启用微信公众平台开发模式消息接口的时候,我们会碰到下面三种情况 1. token校验失败 这样回头检查一下各项配置是否正确.如果确定配置没有问题,请按下面的方法检 ...
    
			
    5. 
						
  5. Avalon学习
			
    1.认识AvalonAvalon是一个简单易用的迷你的MVVM框架,作者是博客园的司徒正美,去哪儿.搜狐等等都用这个框架.没有任何依赖,兼容性非常好,支持IE6,不到5000行,压缩后不到50KB.官 ...
    
			
    6. 
						
  6. oracle检查点队列（checkpoint queue）
			
    buffer cache CBC链 按地址链 LRU  干净buffer LRUW  脏buffer  按照冷热 checkpoint queue:链buffer,①链脏块②按buffer第一次脏的时 ...
    
			
    7. 
						
  7. 数据结构之图 Part1
			
    Part 1 预计使用7天的时间来过掉图相关的数据结构.第一天主要是一天图的基本概念,熟练掌握定义是一切交流和沟通的基础. 1定义 1.1图 有穷非空顶点,外加边. G(V,E) Graph Vert ...
    
			
    8. 
						
  8. ASP.NET 5探险（5）：利用AzureAD实现单点登录
			
    题记:在ASP.NET 5中虽然继续可以沿用ASP.NET Identity来做验证授权,不过也可以很容易集成支持标准协议的第三方服务,比如Azure Active Directory. 其实,在AS ...
    
			
    9. 
						
  9. 全零网络IP地址0.0.0.0表示意义详谈
			
    转自:http://liuzhigong.blog.163.com/blog/static/17827237520114207278610/ RFC: 0.0.0.0/8 - Addresses in ...
    
			
    10. 
						
  10. 静态/动态函数库设计,王明学learn
			
    静态/动态函数库设计 Linux应用程序设计中需要的外部函数主要由函数库和系统调用来提供. 两者区别: 一.函数库分类 函数库按照链接方式可分为: 1.静态链接库 对函数库的链接是放在编译时期(com ...
    
			
    11.