1.表格
<table>
<tr>
<td></td>
<td></td>
</tr>
</table>
一对tr表示一行,一对td表示一列(一个单元格)
相关属性
width="表格宽度"
height="表格高度"
border="表格边框"
bordercolor="边框颜色"
cellspacing="单元格与单元格之间的距离"
cellpadding="单元格内容之间的空隙"
align="表格对齐方式" 取值left/right/center
valign="垂直对齐" 取值top/bottom/middle
colspan="所要合并的单元格的列数"
rowspan="所要合并的单元格的行数"
表格需要加入样式
例:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<table width="300" height="300" border="1">
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
表格中内容左右中对齐:
<body>
<table width="600" height="300" border="1">
<tr>
<td align="left">第一行第一列</td>
<td align="right">第一行第二列</td>
<td align="center">第一行第三列</td>
</tr>
<tr>
<td valign="top">第二行第一列</td>
<td valign="bottom">第二行第二列</td>
<td valign="middle">第二行第三列</td>
</tr>
</table>
</body>
表格行合并
<body>
<table width="600" height="300" border="1" cellspacing="0">
<tr>
<td colspan="2">1,1</td>
</tr>
<tr>
<td>2,1</td>
<td>2,2</td>
</tr>
</table>
</body>
表格列合并
<body>
<table width="600" height="300" border="1" cellspacing="0">
<tr>
<td rowspan="2">1,1</td>
<td>1,2</td>
</tr>
<tr>
<td>2,2</td>
</tr>
</table>
</body>
表格
最新推荐文章于 2024-08-09 07:48:32 发布