利用上述表格属性，能够简单的创建一个表格。并随意的分割行和列。

<html>

		<head>

				<title>表格的应用</title>

		</head>

		<body>

				<table border="1" width="400" align="center" cellspacing="0" cellpadding="0" >

				<caption align="center"><h1>我的表格</h1></caption>

						<tr>

								<th>编号</th>

								<th>姓名</th>

								<th>年龄</th>

								<th>性别</th>

								<th>邮箱</th>

						</tr>

						<tr>

								<td>1</td>

								<td>张三</td>

								<td colspan="1" rowspan="4" align="center">20</td>

								<td>男</td>

								<td>zhangsan@613.com</td>

						</tr>

						<tr>

								<td>1</td>

								<td>张三</td>

								<td>男</td>

								<td>zhangsan@613.com</td>

						</tr>

						<tr>

								<td>1</td>

								<td>张三</td>

								<td>男</td>

								<td>zhangsan@613.com</td>

						</tr>

						<tr>

								<td>1</td>

								<td>张三</td>

								<td>男</td>

								<td>zhangsan@613.com</td>

						</tr>

				</table>

		</body>

</html>

执行结果例如以下：

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvd3pxbmxz/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">

须要注意的是：1.使用colspan和rowspan时，一定要将被合并的单元格删除，否则会出现单元格挤出表格的现象。这个就不再演示了，大家试一试就能明确。

2.<caption>未设置特定位置时，它的位置随着表格的位置移动而移动。

3.分割完单元格后，为了使单元格内容相对协调，能够自行设置此单元格显示内容，大小，和其它属性。

版权声明：本文博主原创文章，博客，未经同意，不得转载。

HTML高级选项卡（1）————表标签的更多相关文章

  1. ylb：SQL 表的高级查询-多表连接和子查询

    ylbtech-SQL Server: SQL Server-表的高级查询-多表连接和子查询 SQL Server 表的高级查询-多表连接和子查询. 1,ylb:表的高级查询-多表连接和子查询 返回顶 ...

  2. 零基础学习java------37---------mybatis的高级映射(单表查询，多表（一对一，一对多）)，逆向工程，Spring(IOC,DI，创建对象，AOP)

    一.  mybatis的高级映射 1  单表,字段不一致 resultType输出映射: 要求查询的字段名(数据库中表格的字段)和对应的java类型的属性名一致,数据可以完成封装映射 如果字段和jav ...

  3. JavaScript高级程序设计之表单基础

    A FORM <form id='form' action='http://a-response-url' method="post"> <!--maxlengt ...

  4. 6.MySQL优化---高级进阶之表的设计及优化

    转自互联网整理. 优化之路高级进阶——表的设计及优化 优化①:创建规范化表,消除数据冗余 数据库范式是确保数据库结构合理,满足各种查询需要.避免数据库操作异常的数据库设计方式.满足范式要求的表,称为规 ...

  5. SQL Server高级内容之表表达式和复习

    1． 表表达式 (1) 将表作为一个源或将查询的一个结果集作为一个源,对源做处理,然后得到一个新的数据源,对其进行查询.  (2)表表达式放在from子句中 (3)派生表,将表的查询得到的结果集作为一 ...

  6. 《JAVASCRIPT高级程序设计》表单基础知识和文本框脚本

    在HTML中,表单是由<form>元素来表示,在javascript中,表单对应的是HTMLFormElement类型,它具有一些独有的属性和方法: 一.表单基础知识 1.取得表单的方式 ...

  7. 一天搞定HTML----列表标签03

    1.细说列表标签 2.代码演示 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"&g ...

  8. js之选项卡（tag标签）

    目标效果:点击不同按钮显示不同内容 代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta ...

  9. solr之高级查询--联表 join查询

    例如有两个业务表:文章表,评论表 . 场景: 一个文章可以由多个人评论. 创建两个core,一个core叫article,一个叫comment.article实例的schema.xml文件中定义几个简 ...

随机推荐

  1. DIV+CSS解决IE6，IE7，IE8，FF兼容问题(转至http://www.douban.com/note/163291324/)

    2011-07-25 21:11:47     DIV+CSS解决IE6,IE7,IE8,FF兼容问题 1.IE8下兼容问题,这个最好处理,转化成IE7兼容就可以.在头部加如下一段代码,然后只要在IE ...

  2. ztree树形插件

    在开发项目中需要用到树插件,近期研究了几款树插件,好记性不如烂笔头 ,写下来  以后好查 MzTreeView(梅花雪) 很经典的树形菜单脚本控件 菜单树展示加载速度快 支持1w条以上大数据 缺点-- ...

  3. objective-C学习笔记（三）数据成员：属性与实例变量

    类型成员 Type Member 结构体 struct 的成员很简单,只有变量. 类的成员就很多了: 数据成员 data member 描述对象(本讲重点) · 实例变量  instance vari ...

  4. BZOJ 1624: [Usaco2008 Open] Clear And Present Danger 寻宝之路( 最短路 )

    直接floyd.. ----------------------------------------------------------------------- #include<cstdio ...

  5. Linux第三方源

    由于版权等各方面原因,很多时候在基础安装完Linux后,满多软件并不包含在yum(对于Ubuntu可能是apt-get)源中. 因此可以去下载第三方源,安装下载第三方软件.当然,如果习惯了源代码编译安 ...

  6. Struts2学习笔记（二） 使用通配符动态调用方法

    <package name="other" extends="struts-default"> <action name="xxx_ ...

  7. live555 RTSP服务器建立及消息处理流程

    DynamicRTSPServer::creatnew():    1.调用继承自RTPSever::setUpOurSocket:        1.调用 GroupsockHelper 的 set ...

  8. PhoneGap 3.0 安装

    PhoneGap 3.0  已经出来有一段时间了.3.0 提供了使用Node.js 安装,使用命令行创建.编译.运行项目.也就是可以抛弃eclipse,完全使用命令.记事本开发phonegap 项目了 ...

  9. 使用Lock实现信号量

    public class SemaphoreOnLock {     private final Lock lock = new ReentrantLock();         private fi ...

  10. CodeForces 150B- Quantity of Strings 推算..

    假设 k = 5 , n>k ,   (1,2,3,4,5)  -> 1=5,2=4,3任意 (2,3,4,5,6) -> 2=6,3=5,4任意...综合上面的可得出1=3=5,2 ...