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

html表格标签的使用

时间:2015-06-01 14:57:06      阅读:132      评论:0      收藏:0      [点我收藏+]

标签:html、tr、td

<html>

<head>

<title>html表格标签演示</title>

<head>

<body>

<table width="200" border="1" cellpadding="2" cellspacing="3">

<caption>商品信息</caption>

<tr>

<th>商品名称</th>

<th>数量</th>

<th>备注</th>

</tr>

<tr align="right" bgcolor="#33FFFF">

<td>雨伞</td>

<td>100</td>

<td rowspan="2">合并列</td>

</tr>

<tr>

<td align="center" valign="middle">皮鞋<td>

<td>200</td>

<tr>

<td colspan="3">合并列</td>

</tr>

</table>

</body>

</html>

 

cellpadding 是边框与其内容的间隙大小;

cellspacing 是边框与边框之间的间隙大小;

colspan="3" 把三列合并为一列

rowspan="2" 把两行合并为一行

本文出自 “菜鸟学习笔记” 博客,请务必保留此出处http://javenq.blog.51cto.com/9856112/1657011

html表格标签的使用

标签:html、tr、td

原文地址:http://javenq.blog.51cto.com/9856112/1657011

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