表格结构总结

Posted paradise-zzz

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了表格结构总结相关的知识,希望对你有一定的参考价值。

 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   <meta http-equiv="X-UA-Compatible" content="ie=edge">
 7   <title>表格结构</title>
 8 
 9 </head>
10 <body>
11   <table border="1">
12         <tr bgcolor="black">
13             <td colspan="2" align="center" valign="middle">
14               <font color="white">
15                 两个单元格合并
16               </font>
17             </td>
18         </tr>
19         <tr>
20             <td>
21                 总结
22             </td>
23             <td>
24                 <h1 align="center">表格结构</h1>
25 
26                 <p>
27                     bgcolor:表格的背景色;bordercolor:表格的边框颜色;
28                     bordercolorlight:亮边框颜色;bordercolordark:暗边框颜色;
29 
30                 </p>
31                 <p>
32                     align:表格的水平对齐方式 left,center,right;
33                     valign:表格的水平对齐方式top,middle,bottom;
34 
35                 </p>
36                 <p>
37                   colspan:横向合并单元格;rowspan:纵向合并单元格;
38                 </p>
39             </td>
40         </tr>
41         <tr>
42             <td colspan="2" align="center" valign="middle"><a href="http://www.cnblogs.com/paradise-zzz/">http://www.cnblogs.com/paradise-zzz/</a></td>
43         </tr>
44     </table>
45 </body>
46 </html>

 

以上是关于表格结构总结的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段5——HTML元素结构

VSCode自定义代码片段5——HTML元素结构

VSCode自定义代码片段5——HTML元素结构

python常用代码片段总结

表格结构总结

BootStrap有用代码片段(持续总结)