入门HTML之3.01

表格(TABLE)标记--1

3.02

<table> 元素:定义一个表格。每一个表格只有一对<table>和</table>,一张页面中可以有多个表格。
<tr>元素:定义表格的行,一个表格可以有多行,所以<tr>对于一个表格来说不是唯一的。
<td>元素:定义表格的一个单元格。每行可以有不同数量的单元格,在<td>和</td>之间是单元格的具体内容。
需要注意的是:上述的三个元素必须、而且只能够配对使用。缺少任何一个元素,都无法定义出一个表格。

表格的基本结构
<table>定义表格
<tr>
<th>定义表头</th>
</tr>
<tr>定义表行
<td>…</td>定义单元格
</tr>
</table>

<html>
<head>
	<title>表格的基本结构</title>
</head>
<body>
	<table border = 1>
		<tr>
			<td>left</td>
			<td>right</td>
		</tr>
	</table>
</body>
</html>
表格的属性 –1

width属性:指定表格或某一个表格单元格的宽度。单位可以是%或者象素。
height属性:指定表格或某一个表格单元格的高度。单位可以是%或者象素。
border属性:表格边线粗细

3.03

<html>
<head>
	<title>表格的属性1</title>
</head>
<body>
	<table border = 2>
	<tr>
		<td> </td>
		<td>带边框的表格</td>
		<td></td>
	</tr>
	<tr>
		<th>food</th>
		<th>drink</th>
		<th>sweet</th>
	</tr>
	<tr>
		<td>A</td>
		<td>B</td>
		<td>C</td>
	</tr>
	</table>
	<table>
	<tr>
		<td>不带边框的表格</td>
	</tr>
	<tr>
		<th>food</th>
		<th>drink</th>
		<th>sweet</th>
	</tr>
	<tr>
		<td>A</td>
		<td>B</td>
		<td>C</td>
	</tr>
	</table>
</body>
</html>

3.04

<html>
<head>
	<title>表格的属性2</title>
</head>
<body>
	<table border = 2>
	<tr>
		<th></th>
		<th>星期一</th>
		<th>星期二</th>
		<th>星期三</th>
		<th>星期四</th>
		<th>星期五</th>
	</tr>
	<tr>
		<td>1</td>
		<td>html</td>
		<td>html</td>
		<td>CSS</td>
		<td>CSS</td>
		<td>DHTML&JavaScript</td>
	</tr>
	<tr>
		<td>2</td>
		<td>html</td>
		<td>html</td>
		<td>CSS</td>
		<td>CSS</td>	
		<td>html</td>
	</tr>
	<tr>
		<td>3</td>
		<td>html</td>
		<td>html</td>
		<td>CSS</td>
		<td>CSS</td>	
		<td>html</td>
	</tr>
	<tr>
		<td>4</td>
		<td>html</td>
		<td>html</td>
		<td>CSS</td>
		<td>CSS</td>	
		<td>html</td>
	</tr>
	<tr>
	</tr>
	<tr>
	</tr>
	<tr>
		<td>5</td>
		<td>html</td>
		<td>html</td>
		<td>CSS</td>
		<td>CSS</td>	
		<td>html</td>
	</tr>
	<tr>
		<td>6</td>
		<td>html</td>
		<td>html</td>
		<td>CSS</td>
		<td>CSS</td>	
		<td>html</td>
	</tr>
	</table>
</bdoy>
</html>




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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值