码迷,mamicode.com
首页 > Web开发 > 详细

html Table标签的初步使用

时间:2015-09-24 19:44:25      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:标签

<html>

<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>


本文出自 “邀月乘风” 博客,请务必保留此出处http://yaoyuechengfeng.blog.51cto.com/2958475/1697770

html Table标签的初步使用

标签:标签

原文地址:http://yaoyuechengfeng.blog.51cto.com/2958475/1697770

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!