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. AIX性能监控
			
    http://www.ibm.com/developerworks/cn/aix/library/au-aix7memoryoptimize2/ http://www.aixchina.net/Art ...
    
			
    2. 
						
  2. Netty网络编程之NIO概览与简单应用
			
    >>关于NIO Java NIO即Java Non-blocking IO(Java非阻塞I/O),是Jdk1.4之后增加的一套操作I/O工具包,又被叫做Java New IO. (1)R ...
    
			
    3. 
						
  3. HTML5学习之智能表单（二）
			
    <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...
    
			
    4. 
						
  4. MongoDB的介绍和使用场景（1）
			
    MongoDB 是一个高性能,开源,无模式的文档型数据库,是当前 NoSQL 数据库产品中最热门的一种.它在许多场景下可用于替代传统的关系型数据库或键/值存储方式,MongoDB 使用 C++开发.M ...
    
			
    5. 
						
  5. GPT vs MBR 分区 ,,, Legacy BIOS vs UEFI BIOS
			
    MBR与GPT两种磁盘分区格式的区别 http://itoedr.blog.163.com/blog/static/120284297201378114053240 GPT Partition Tab ...
    
			
    6. 
						
  6. EXCEL中汉字转大写拼音
			
    最近一直没有什么成系统的学习东西,也就没写什么随笔.昨天晚上,一哥们儿说给弄个输入汉字直接转拼音的程序,问了他几点需求,说你想做个啥的,最后,他说想做个EXCEL的,现在发现EXCEL确实是个好东西啊 ...
    
			
    7. 
						
  7. git branch用法总结
			
    git branch      git branch 不带参数:列出本地已经存在的分支,并且在当前分支的前面加“*”号标记,例如:   #git branch* master   newbranch  ...
    
			
    8. 
						
  8. zoj 3888 线段树 ***
			
    卡n^2,用线段树降到nlogn 记录每个点上所覆盖线段的次小值,保证能有两条路径能走 #include<cstdio> #include<iostream> #include ...
    
			
    9. 
						
  9. 静态内容生成器——Wyam
			
    (此文章同时发表在本人微信公众号"dotNET每日精华文章",欢迎右边二维码来关注.) 题记:今天继续静态网站的话题,介绍我选用的一个使用.NET开发的静态内容生成器--Wyam. ...
    
			
    10. 
						
  10. 用.NET开发通用Windows App
			
    (此文章同时发表在本人微信公众号"dotNET每日精华文章",欢迎右边二维码来关注.) 题记:随着Windows 10的正式发布,作为.NET开发人员应该开始或多或少了解一下通用( ...
    
			
    11.