入门HTML之3.01

y-can-choose-kiss-m

于 2013-12-07 23:44:27 发布

阅读量480

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/y_can_choose_kiss_me/article/details/17194605

版权

HTML 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

表格(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>