Web程序设计笔记（五）

最新推荐文章于 2022-11-08 00:23:04 发布

在下小黄

最新推荐文章于 2022-11-08 00:23:04 发布

阅读量482

点赞数 1

分类专栏： # 从零开始学习Web开发专栏文章标签： css javascript css3 vue.js html

本文链接：https://blog.csdn.net/weixin_44519789/article/details/108817830

版权

从零开始学习Web开发专栏专栏收录该内容

8 篇文章 1 订阅

订阅专栏

大家好！我是【小黄】，因为我姓黄所以就叫小黄好了。
这博客是对自己学习和成长的一点点总结及记录，如果您对我写的还感兴趣，可以关注一下我的动态，我们一起学习、共同成长和进步。

书本太薄写尽心中所想，却看不到来日方长。
杯盏太浅盛的下唇齿留香，却品不尽尘世沧桑。
余生太短，饮下杯中美酒，愿能忘却忧愁。
既然此生不能再回首，那就潇洒风流的向前走。
就算前路荆棘若虎口，至少还有我和温柔。
♡♡♡♡ ♡♡♡♡♡♡ ♡♡♡♡ ♡♡♡♡♡♡

创建时间：2020年9月14日

HTML 目录：

1. 定义表格：

1. 定义表格：

1.1 表格的基本结构：

在这里插入图片描述

1.2 表格的基本语法：

在这里插入图片描述

1.3 实操：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<!-- border 表格线宽度 -->
		<!-- 这个叫做表头<th></th> -->
		<table border="1">
			<tr>
				<!-- 这是创建表格 -->
				<!-- 增加字体颜色 <font color="burlywood">-->
				<!-- align="center" 这个是居中显示 -->
				<td align="center"><font color="burlywood">手机充值卡ID</td>
				<td colspan="3">办公设备、文具、耗材</td>
			</tr>
			<tr>
				<!-- 表格布局 最好是单行单列， -->
				<!-- rowspan="N"这个叫做跨N行 -->
				<!-- colspan="N"这个叫做跨N列 -->
				
				<td rowspan="3" colspan="">各种卡类的汇总 ：</td>
				<td>铅笔</td>
				<td>铅笔</td>
				<td>铅笔</td>
			</tr>
			<tr>
				<td>打印</td>
				<td>刻录</td>
				<td>墨水</td>
			</tr>
			<tr>
				<td>钢笔</td>
				<td>彩笔</td>
				<td>墨水</td>
			</tr>
		</table>
	</body>
</html>