demo05.html 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>表格</title>
  6. </head>
  7. <body>
  8. <!--
  9. 表格标签
  10. <table border="" width=""> 定义表格
  11. border: 定义表格的边框的宽度
  12. width: 定义表格的宽度
  13. cellspacing 定义表格里各个单元格之间的空白
  14. <tr> 定义表格里的行标签
  15. <td> 定义表格里的列标签
  16. <th> 定义表格的标题标签
  17. -->
  18. <table width="500px" border="1px" cellspacing="1px">
  19. <tr>
  20. <th>标题</th>
  21. <th>标题</th>
  22. <th>标题</th>
  23. <th>标题</th>
  24. </tr>
  25. <tr align="center">
  26. <td>第1行-第1列</td>
  27. <td>第1行-第2列</td>
  28. <td>第1行-第3列</td>
  29. <td>第1行-第4列</td>
  30. </tr>
  31. <tr align="right">
  32. <td>第2行-第1列</td>
  33. <td align="center">第2行-第2列</td>
  34. <td>第2行-第3列</td>
  35. <td>第2行-第4列</td>
  36. </tr>
  37. <tr align="left">
  38. <td>第3行-第1列</td>
  39. <td>第3行-第2列</td>
  40. <td>第3行-第3列</td>
  41. <td>第3行-第4列</td>
  42. </tr>
  43. </table>
  44. </body>
  45. </html>