HTML标记【表格的建立】!

表格建立将运用<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>
===============================================
 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值