Html中Table的简单使用

Posted 天琊蓝

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Html中Table的简单使用相关的知识,希望对你有一定的参考价值。

虽然Table布局已经过时,偶尔还是会用到,简要实用代码,如下:

 1 <table border="1" cellpadding="0" cellspacing="0" style="text-align:center;border-collapse:collapse;">
 2     <thead style="background-color:#B0C4DE;font-weight:bold;">
 3         <tr style="height:50px;">
 4             <td style="width:200px;">描述</td>
 5             <td style="width:200px;">状态</td>
 6             <td style="width:300px;">备注</td>
 7         </tr>
 8     </thead>
 9     <tbody>
10         <tr style="height:40px;">
11             <td></td>
12             <td></td>
13             <td></td>
14         </tr>
15         <tr style="height:40px;">
16             <td></td>
17             <td></td>
18             <td></td>
19         </tr>
20         <tr style="height:40px;">
21             <td rowspan="2"></td>
22             <td></td>
23             <td></td>
24         </tr>
25         <tr style="height:40px;">
26             <td colspan="2"></td>
27         </tr>
28     </tbody>
29 </table>
View Code
描述 状态 备注
     
     
     
 

延伸参考:http://www.ruanyifeng.com/blog/2009/05/html_table_mastering.html

以上是关于Html中Table的简单使用的主要内容,如果未能解决你的问题,请参考以下文章

Html中Table的简单使用

AJAX相关JS代码片段和部分浏览器模型

Discuz代码片段

关于react16.4

freemaker 快速入门

如何在html的表格中加入边框线