入门HTML行属性表格的嵌套及综合使用

最新推荐文章于 2024-06-04 14:32:38 发布

最爱林丽明小姐

最新推荐文章于 2024-06-04 14:32:38 发布

阅读量1k

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/kissme_a/article/details/17401281

版权

HTML 专栏收录该内容

20 篇文章 1 订阅

订阅专栏

行属性
1、valign属性：指定某一个单元格里的内容（文本、图片等）的垂直对齐方式。垂直对齐方式的属性值包

top：顶端对齐； middle：居中对齐； bottom：底端对齐。 Baseline：相对于基线对齐。

行属性
2、align属性：指定表格或某一个单元格里的内容（文本、图片等）的对齐方式
3、height属性：指定表格或某一个表格单元格的高度。单位可以是%或者象素

表格的嵌套
在<td> </td>之间插入表格，实现表格嵌套

<html>
<head>
	<title>表格的嵌套</title>
</head>
<body text = "#0000ff">
	<table border = 2>
	<tr>
		<th colspan = 3>abc</th>
		<th>def</th>
		<th>ghi</th>
	</tr>
	<tr>
		<td>
		<table border = 2>
			<tr>
				<th>abc</th>
				<th>ddd</th>
				<th>def</th>
			</tr>
		</table>
		</td>
	</tr>
	</table>
</body>
</html>

表格的作用一般只是控制文本和图像的显示，而不显示表格的边框

<html>
<head>
	<title>不显示表格的边框</title>
</head>
<body text = "#0000f">
	<table width = 200>
	<tr>
		<td><img width = 12 height = 12 src = "E://1.jpg"></td>
		<td><a href = "http://www.baidu.com">百度首页</td>
	</tr>
	<tr>
		<td><img width = 12 height = 12 src = "E://2.jpg"</td>
		<td>新技术</td>
	</tr>
	</table>
</body>
</html>

表格的综合使用

<html>
<head>
	<title>表的综合应用</title>
</head>
<body>
	<table border = 2 width = 1000>
	<tr>
		<td>1</td>
		<td rowspan = 2>2</td>
		<td>3</td>
		<td>4</td>
		<td>5</td>
	</tr>
	<tr>
		<td>6</td>
		<td>7</td>
		<td>8</td>
		<td>9</td>
	<tr>
	<tr>
		<td>10</td>
		<td>11</td>
		<td>12</td>
		<td>13</td>
		<td>14</td>
	</tr>
	<tr>
		<td colspan = 2 rowspan = 2>
		<table border = 2>
			<tr>
				<td>1</td>
				<td>2</td>
				<td>3</td>
			</tr>
			<tr>
				<td>4</td>
				<td>5</td>
				<td>6</td>
			</tr>
			<tr>
				<td>7</td>
				<td>8</td>
				<td>9</td>
			</tr>
		</table>
		</td>
		<td>16</td>
		<td>17</td>
		<td>18</td>
	</tr>
	<tr>
		<td>19</td>
		<td colspan = 2>20</td>
	</tr>
	</table>
</head>
</html>