了解行内元素与块级元素后初次使用表格这种特殊标签来写网页。

别挡

已于 2023-07-19 20:23:38 修改

阅读量23

点赞数

分类专栏： html基础知识文章标签： html 笔记前端

于 2023-07-19 20:07:46 首次发布

本文链接：https://blog.csdn.net/weixin_45939821/article/details/131816813

版权

html基础知识专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<table border="1" cellspacing="0" cellpadding="0" >
			<caption>目录</caption>
			<tr align="center" valign="top" bgcolor="red">
				<td>
					<b>编号</b>
				</td>
				<th >
					书名
				</th>
				<td rowspan="3">
					<b>作者</b>
				</td>
				<td>
					<b>售价</b>
				</td>
				<td>
					<b>内容简介</b>
				</td>
			</tr>
			<tr align="center" >
				<td >1</td>
				<td>《水浒传》</td>
				<td>施耐庵</td>
				<td>18.5</td>
				<td>105个男人和3女人在山上生活</td>
			</tr>
			<tr align="center">
				<td >2</td>
				<td>1</td>
				<td>1</td>
				<td>18.5</td>
				<td>1</td>
			</tr>
			<tr align="center">
				<td>3</td>
				<td>1</td>
				<td>1</td>
				<td>18.5</td>
				<td>1</td>
			</tr>
			<tr align="center">
				<td>4</td>
				<td>1</td>
				<td>1</td>
				<td>18.5</td>
				<td>1</td>
			</tr align="center">
		</table>
	</body>
</html>

效果图：

表格标签table

行是tr, 列是td

border是边框线

cellspacing表格与表格之间的距离外边距

cellpadding表格内容与表格本身距离内边距

caption用在table里为标题

align 设置内容水平位置

属性值有 left center right

valign 设置内容垂直位置

属性值有 top middle bottom

别挡

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
了解行内元素与块级元素后初次使用表格这种特殊标签来写网页。

属性值有 left center right。属性值有 top middle bottom。cellpadding表格内容与表格本身距离内边距。cellspacing表格与表格之间的距离外边距。caption用在table里为标题。valign 设置内容垂直位置。align 设置内容水平位置。行是tr, 列是td。border是边框线。
复制链接

扫一扫