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>