HTML 表格和列表的使用
阿新 • • 發佈：2020-12-01
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 <title>表格/列表的使用</title> 7 </head> 8 <!-- 9 表格： 10 table外層容器11 caption表格標題 12 th表頭（第一行單元格） 13 tr行 14 td單元格 15 表格屬性： 16 border：表格邊框 17 cellpadding：單元格里面的空間 18 cellspacing:單元格之間的空間 19 rowspan:合併行 20 colspan:合併列21 align:左右對齊 22 valign:上下對齊 23 24 --> 25 <table border="1" cellpadding="30" cellspacing="0"> 26 <thead> 27 <caption>表格標題</caption> 28 </thead> 29 <tbody> 30 <tr> 31 <th>表頭1</th> 32 <th>表頭2</th> 33 <th>表頭3</th> 34 </tr> 35 <tr> 36 <td>第二行</td> 37 <td>第二行</td> 38 <td>第二行</td> 39 </tr> 40 </tbody> 41 <tfoot> 42 43 </tfoot> 44 </table> 45 46 <!-- 47 有序列表： 48 ul li 49 --> 50 51 <!-- 52 無序列表： 53 ol li 54 --> 55 56 <!-- 57 自定義列表： 58 dl dt dd 59 --> 60 </body> 61 </html>