3.表格-常用属性：th、align、valign布局方式

最新推荐文章于 2024-06-19 10:23:02 发布

风_Sux123

最新推荐文章于 2024-06-19 10:23:02 发布

阅读量772

点赞数

分类专栏： Html学习记录文章标签： html

本文链接：https://blog.csdn.net/qq_44438941/article/details/134206434

版权

Html学习记录专栏收录该内容

3 篇文章 0 订阅

订阅专栏

常用属性:th/align/valign

1、th 标签
定义表格内的表头单元格。
HTML 表单中有两种类型的单元格：
表头单元格 - 包含表头信息（由 th 元素创建）
标准单元格 - 包含数据（由 td 元素创建）
th 定义表头内容，元素内部的文本通常会呈现为居中的粗体文本，
td 定义普通内容，元素内的文本通常是左对齐的普通文本。

2、align 和 valign 标签
align：水平布局(默认为左)
valign：垂直布局(默认为中)

示例1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"   http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
	<head>
		<title>这是title标题</title>
		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
	</head>
	<body>

		<h3>---(1)th表头单元格，定义表头内容、td标准单元格，定义常见普通内容---</h3>
		<table border="1" width="300" height="250">
			<tr>
				<th>字母_th</th>
				<th>数字_th</th>
			</tr>
			<tr>
				<td>a_td</td>
				<td>123_td</td>
			</tr>
			<tr>
				<td>c_td</td>
				<td>456_td</td>
			</tr>
		</table><br />
		
		<h3>---(2)：align水平布局、valign垂直布局---</h3>
		<table border ="1" width="300" height="250">
		<tr>
			<td >abc</td>
			<td align="middle">bac</td>
			<td align="right">cba</td>
		</tr>
		<tr>
			<td valign="top">bcd</td>
			<td >cdb</td>
			<td valign="bottom">dcb</td>
		</tr>
		</table>
		
	</body>
</html>

效果展示