html Table标签的初步使用

当前位置 : 首页 > 网页制作 > CSS > html Table标签的初步使用

html Table标签的初步使用

来源: 作者: 时间:2016-01-20 09:22
htmlheadtitle我的第三个页面/titlemeta charset=utf-8/headbodytable border=1px bordercolor=red width=800px height=200px align=center cellpadding=50px cellspacing=...
<>
<head>
 
<title>我的第三个页面</title>
<meta charset=utf-8>
</head>
<body>
<table border="1px" bordercolor="red" width="800px" height="200px" align="center" cellpadding="50px" cellspacing="10px" bgcolor="#ACEBFD" background="C:\Users\admin\Desktop\php\bbs\img\2.jpg"><!-- <table></table>:创建一张表格 border:设置表格内外线框的宽度 align:设置表格在浏览页面的位置 cellpadding:设置单元格边界到单元格内容之间的距离 cellspacing:相邻单元格间距 bgcolor:表格背景颜色 background:表格的背景图片,设置相对路径(优先度高于bgcolor) -->
<tr align="center" valign="middle"><!-- <tr></tr>:创建行 align:使内容水平居中 valign:使内容垂直居中 -->
<td>第一行第一列</td><!-- <td></td>:创建列 -->
<td>第一行第二列</td>
<td>第一行第三列</td>
</tr>
<tr align="center" valign="middle">
<td>第二行第一列</td>
<td>第二行第二列</td>
<td>
<table border="1" bordercolor="yellow" width="100px" height="50" align="center"><!-- 嵌套创建一张表到某一单元格内 -->
<tr align="center" valign="middle">
<td>11</td>
<td>12</td>
</tr>
<tr align="center" valign="middle">
<td>21</td>
<td>22</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Tag:
上一篇:HTML模板
下一篇:html Table合并行和列
网友评论

<