一、表格的表头

 1 <html>

 2

 3 <body>

 4

 5 <h4>表头：</h4>

 6 <table border="1">

 7 <tr>

 8   <th>姓名</th>

 9   <th>电话</th>

10   <th>电话</th>

11 </tr>

12 <tr>

13   <td>Bill Gates</td>

14   <td>555 77 854</td>

15   <td>555 77 855</td>

16 </tr>

17 </table>

18

19 <h4>垂直的表头：</h4>

20 <table border="1">

21 <tr>

22   <th>姓名</th>

23   <td>Bill Gates</td>

24 </tr>

25 <tr>

26   <th>电话</th>

27   <td>555 77 854</td>

28 </tr>

29 <tr>

30   <th>电话</th>

31   <td>555 77 855</td>

32 </tr>

33 </table>

34

35 </body>

36 </html>

二、跨行跨列的表格

 1 <html>

 2

 3 <body>

 4

 5 <h4>横跨两列的单元格：</h4>

 6 <table border="1">

 7 <tr>

 8   <th>姓名</th>

 9   <th colspan="2">电话</th>

10 </tr>

11 <tr>

12   <td>Bill Gates</td>

13   <td>555 77 854</td>

14   <td>555 77 855</td>

15 </tr>

16 </table>

17

18 <h4>横跨两行的单元格：</h4>

19 <table border="1">

20 <tr>

21   <th>姓名</th>

22   <td>Bill Gates</td>

23 </tr>

24 <tr>

25   <th rowspan="2">电话</th>

26   <td>555 77 854</td>

27 </tr>

28 <tr>

29   <td>555 77 855</td>

30 </tr>

31 </table>

32

33 </body>

34 </html>

三、frame控制围绕表格边框

 1 <html>

 2 <body>

 3

 4 <p><b>注释：</b>frame 属性无法在 Internet Explorer 中正确地显示。</p>

 5

 6 <p>Table with frame="box":</p>

 7 <table frame="box">

 8   <tr>

 9     <th>Month</th>

10     <th>Savings</th>

11   </tr>

12   <tr>

13     <td>January</td>

14     <td>$100</td>

15   </tr>

16 </table>

17

18 <p>Table with frame="above":</p>

19 <table frame="above">

20   <tr>

21     <th>Month</th>

22     <th>Savings</th>

23   </tr>

24   <tr>

25     <td>January</td>

26     <td>$100</td>

27   </tr>

28 </table>

29

30 <p>Table with frame="below":</p>

31 <table frame="below">

32   <tr>

33     <th>Month</th>

34     <th>Savings</th>

35   </tr>

36   <tr>

37     <td>January</td>

38     <td>$100</td>

39   </tr>

40 </table>

41

42 <p>Table with frame="hsides":</p>

43 <table frame="hsides">

44   <tr>

45     <th>Month</th>

46     <th>Savings</th>

47   </tr>

48   <tr>

49     <td>January</td>

50     <td>$100</td>

51   </tr>

52 </table>

53

54 <p>Table with frame="vsides":</p>

55 <table frame="vsides">

56   <tr>

57     <th>Month</th>

58     <th>Savings</th>

59   </tr>

60   <tr>

61     <td>January</td>

62     <td>$100</td>

63   </tr>

64 </table>

65

66 </body>

67 </html>

最新文章

  1. JS提交对象数组到服务端的方法总结(C#实例)
  2. VS一次删除多个窗体后报错
  3. 基于Jforum开源项目的论坛网站
  4. sdut1598 周游列国【简单模拟题】
  5. Python中一些内建函数及os等模块的用法
  6. SpringMVC+Apache Shiro+JPA(hibernate)
  7. oProfile 学习
  8. java 反射技术
  9. 测试工具：insure++
  10. Repository仓储 UnitofWork
  11. chrome 浏览器帐号登录不来，如何解决自己的书签
  12. windows下apache如何完整卸载?
  13. [原创].NET 分布式架构开发实战之三 数据访问深入一点的思考
  14. html转换为纯文本,支持撇号
  15. 为测试赋能，腾讯WeTest探索手游AI自动化测试之路
  16. IOS 与ANDROID框架及应用开发模式对比一
  17. Tomcat系列(6)——Tomcat处理一个HTTP请求的过程
  18. CF.802C.Heidi and Library (hard) (费用流zkw)
  19. 黄聪：jquery+Datatables出现数据过长，表格不自动换行，columns设置width失效的办法
  20. LinkedHashMap唯一，存储取出有序

热门文章

  1. macos brew zookeeper，安装后zookeeper启动失败？
  2. Spring Cloud 学习 (九) Spring Security, OAuth2
  3. PyQt（Python+Qt）学习随笔：QTextEdit的setText、setHtml、setPlainText之间的区别
  4. 第11.11节 Python正则表达式的指定重复次数匹配模式及元字符”{}”功能介绍
  5. Hbase 2.2.2 简单API操作
  6. 由Java 15废弃偏向锁，谈谈Java Synchronized 的锁机制
  7. python zip()函数用法
  8. Java基础学习之数据类型、基础语法与数组（3）
  9. js 二分查找
  10. P5327 [ZJOI2019]语言