您的位置：首页 > Web前端 > HTML

HTML标记【表格的建立】！

2007-10-31 00:31 267 查看
表格建立将运用<table>、<th>、<tr>、<td>四个标记，<table>标记用于标识一个表格组件，一个表格组成是由数个横行（<tr>）、单元格（<td>）与标题单元格（<th>）子组件所组成。

表格行标记<tr></tr>：<tr>标记用于定义表格的一行，在一组<tr>标记内可建立一行表格，也可以包含数组由<td>或<th>标记单元格<td></td>：<td>标记用于定义表格的单元格，一组<td>标记将建立一个单元格。

标题单元格标记<th></th>：<th>标记用于定义表格内的标题单元格，此单元格中的文字将以粗体的方式显示。在一个最基本的表格组件中，必须包含一组<table>标记，一组<tr>标记与一组<td>标记，语法如下：

<table>
<tr><td></td></tr>
</table>

例：
<html>
<head>
<title>标记</title>
<body>
<table>
<tr><th>姓名</th><th>星座</th></tr>
<tr><td>于欣芸</td><td>双鱼座</td></tr>
<tr><td>于欣岚</td><td>巨蟹座</td></tr>
</table>
</body>
</head>
</html>
=====================================================
表格外框的控制属性
控制属性共有border、cellspacing、cellpadding三种

边框宽度border属性（单位为像素）
<table border=数值>

例：
<html>
<head>
<title>标记</title>
<body>
<center>
<table border=1>
<tr><th>姓名</th><th>星座</th><th>性别</th></tr>
<tr><td>于欣芸</td><td>双鱼座</td><td>女</td></tr>
<tr><td>于欣岚</td><td>巨蟹座</td><td>女</td></tr>
<tr><td>何宝林</td><td>处女座</td><td>男</td></tr>
</table>
</center>
</body>

==========================================================
内框宽度—cellspacine属性（单位为像素）
<table cellspacing=数值>
例：
<html>
<head>
<title>标记</title>
<body>
<center>
<table border=10 cellspacing=15 >
<tr><th>姓名</th><th>星座</th><th>性别</th></tr>
<tr><td>于欣芸</td><td>双鱼座</td><td>女</td></tr>
<tr><td>于欣岚</td><td>巨蟹座</td><td>女</td></tr>
<tr><td>何宝林</td><td>处女座</td><td>男</td></tr>
</table>
</center>
</body>
</head>
</html>
====================================================
表格内文字与边框距离——cellpadding属性（单位为像素）
<table cellpadding=数值>
例：
<html>
<head>
<title>标记</title>
<body>
<center>
<table border=10 cellspacing=15 cellpadding=20>
<tr><th>姓名</th><th>星座</th><th>性别</th></tr>
<tr><td>于欣芸</td><td>双鱼座</td><td>女</td></tr>
<tr><td>于欣岚</td><td>巨蟹座</td><td>女</td></tr>
<tr><td>何宝林</td><td>处女座</td><td>男</td></tr>
</table>
</center>
</body>
</head>
</html>
===============================================
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航