HTML高级选项卡(1)————表标签
2015-08-26 12:03
615 查看
利用上述表格属性,能够简单的创建一个表格。并随意的分割行和列。
<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>
执行结果例如以下:
须要注意的是:1.使用colspan和rowspan时,一定要将被合并的单元格删除,否则会出现单元格挤出表格的现象。这个就不再演示了,大家试一试就能明确。
2.<caption>未设置特定位置时,它的位置随着表格的位置移动而移动。
3.分割完单元格后,为了使单元格内容相对协调,能够自行设置此单元格显示内容,大小,和其它属性。
相关文章推荐
- html与htm的区别
- HTML基础笔记1
- HTML文本框
- WebBrowers & HtmlViewers collection
- HTML空格占位符
- HTML 5 Web 存储提供了几种存储数据的方法
- label中for属性
- C#解析HTML
- html表单标记简单使用
- html中鼠标点击展开关闭层效果
- Html.DropDownList
- Html.DropDownList
- HTML访问CGI
- HTML分辨率自适应
- html 单选框及多选框控制显示及追加元素
- HTML子窗口
- HTML源码中 form 标签的 enctype 属性
- pdf转换成html网页的操作方法
- Silverlight按钮事件中打开HTML页…
- 关于html控件button的onclick和onserverclick事件不能同时起作用问题