表格1

在网页中插入表格。具体标签和属性都已在代码的注释中给出：

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <title>流年笑掷，未来可期</title>
 5     <meta http-equiv="Content-Type" content=
 6     "text/html;charset=utf-8"/>
 7 </head>
 8 <body>
 9 <table border="1px" width="500px" height="400px" align="center" bgcolor="#f0f0f0" 
10         cellspacing="0px" cellpadding="10px">  
11 <!-- 设置表格边界大小;设置宽度与高度的大小;设置整个表格居中对齐;设置表格背景颜色;设置单元格之间
12 以及与外边框的宽度 -->
13 <!-- 设置内容与单元格之间的距离 -->
14 <tr height="150px" align="center" valign="top" bgcolor="FFDAB9">
15     <td width="200px" bgcolor="FFBAD9" align="left" valign="bottom">单元格</td>
16     <!-- align设置左中右;valign设置上中下 -->
17     <!-- 当然同样也可以在行和列里面单独设置某些属性，有些属性设置之后就只会对设置了的行or列起作用 -->
18     <td>单元格</td>
19     <td>单元格</td>
20 </tr>
21 <tr>
22     <td>单元格</td>
23     <td>单元格</td>
24     <td>单元格</td>
25 </tr>
26 <tr>
27     <td>单元格</td>
28     <td>单元格</td>
29     <td>单元格</td>
30 </tr>
31 <!-- <tr></tr>表示表格的行；<td></td>表示表格的列 -->
32 </table>
33 </body>
34 </html>

 

 

posted @ 2021-02-02 21:01  EvanTheBoy  阅读(115)  评论(0)    收藏  举报