Advertisement
Guest User

Untitled

a guest
Feb 20th, 2019
85
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.94 KB | None | 0 0
  1. 表格的作用
  2. 表格通常用来组织结构化信息
  3. 表格是一些被称作单元格的矩形框按照从左到右,从上到下的顺序排列在一起而形成的
  4. 表格的数据保存在单元格里
  5. --显示表格数据
  6. --设置页面布局
  7.  
  8.  
  9. 使用表格
  10. 创建表格
  11. 定义表格:使用成对的<table></table>标记
  12. 定义表格:使用成对的<table></table>标记
  13. 创建单元格:使用成对的<td></td>标记
  14.  
  15.  
  16. 表格的常用属性
  17. <table>元素
  18. --width:设置表格宽度
  19. --height:设置表格高度
  20. --align:设置表格对齐方式(left|center|right
  21. --border:设置表格边框宽度
  22. --cellpadding:设置内边距(单元边框与内容之间的距离
  23. --cellspacing:设置外边距(单元格之间的距离)
  24. --bgcolor:设置表格的背景色
  25. <tr>元素
  26. --align:设置水平对齐方式(left|center|right)
  27. --valign:设置垂直对齐方式度(top|middle|bottom)
  28. <td>元素
  29. --align:设置水平对齐方式(left|center|right)
  30. --valign:设置垂直对齐方式度(top|middle|bottom
  31. --width:设置表格宽度
  32. --height:设置表格高度
  33. --colspan:设置单元格跨列
  34. --rowspan:设置单元格跨行
  35.  
  36. 表格标题
  37. 使用<caption>元素为表格定义标题
  38. --默认情况下,标题将在表格上方居中显示
  39.  
  40.  
  41. 表格的复杂应用
  42. 行分组
  43. 表格可以划分为3个部分:表头、标主体和表尾
  44. 表头行分组:<thead></thead>
  45. 表主体行分组:<tbody></tbody>
  46. 表尾行分组:<tfoot></tfoot>
  47. --包含一个或多个<tr>元素
  48.  
  49. 不规则表格
  50. 设置单元<td>的跨行或者跨列的属性
  51. 跨列:colspan
  52. --水平方向延伸单元格,值为一正整数,代表此单元格水平延伸的单元格
  53. 跨行:rowspan
  54. --垂直方向延伸单元格,值为一正整数,代表此单元格垂直延伸的单元格数
  55.  
  56.  
  57. 表格的嵌套
  58. 嵌套表格
  59. --在单元格中放置另外一个表
  60. --即<td>元素中在包含<table>元素
  61. 使用嵌套的表格以设计复杂表格或者复杂布局
  62. 表格的嵌套
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement