码迷,mamicode.com
首页 > Web开发 > 详细

HTML 表格和列表的使用

时间:2020-12-07 11:49:54      阅读:9      评论:0      收藏:0      [点我收藏+]

标签:htm   有序   单元   cell   style   har   doc   table   tab   

 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>

 

HTML 表格和列表的使用

标签:htm   有序   单元   cell   style   har   doc   table   tab   

原文地址:https://www.cnblogs.com/dengdingyue/p/14070393.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!