【JavaWeb学习第一天】表格

最新推荐文章于 2023-04-04 16:10:14 发布

以太猪猪

最新推荐文章于 2023-04-04 16:10:14 发布

阅读量1.5k

点赞数

分类专栏： JavaWeb web 文章标签：学习 html css3 web java

本文链接：https://blog.csdn.net/weixin_44914079/article/details/125012171

版权

JavaWeb 同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

web

2 篇文章 0 订阅

订阅专栏

【JavaWeb学习第一天】表格table

1. 认识html

<html>   
	<head></head> 
	<body>
		HELLO,WORLD;
	</body>
</html>

html作为超文本标记语言：

1.它就是个牛一点的文本（txt一样）
2.标记意思是需要别的东西解读，浏览器可以解读他的含义
那么我们看到它的基本框架就是“html“开头，然后中间有”head“和”body“这个地方其实就是在模仿编程语言，有声明的地方，有专门写的地方，只不过html中将这些东西标记出来了，所以这些也叫做标签。

2.表格的标签

<table> **中文含义桌子还有一览表的意思其实就是表格
	<tr></tr> **简单认识一下，盲猜table row的缩写，表格的行
	<td></td>**他是table data cell的缩写，表格数据格子
	<th></th>**table header cee的缩写，表头的格子
</table>

用一些特殊的标签帮助浏览器识别，就类似于”暗号“或者叫标记，标签等等

3.开始尝试

<html>
	<head></head>
	<body>
		<table>
			<tr>
				<th>名称</th>
				<th>单价</th>
				<th>数量</th>
				<th>小计</th>
				<th>操作</th>
			</tr>
			<tr>
				<td>苹果</td>
				<td>20</td>
				<td>10</td>
				<td>200</td>
				<td>删除</td>
			</tr>
			<tr>
				<td>梨子</td>
				<td>2</td>
				<td>10</td>
				<td>20</td>
				<td>删除</td>
			</tr>
			<tr>
				<td>芒果</td>
				<td>15</td>
				<td>4</td>
				<td>60</td>
				<td>删除</td>
			</tr>
			<tr>
				<td>合计</td>
				<td>1000s</td>
			</tr>
		</table>
	</body>
</html>

上效果图：
在这里插入图片描述

没有任何的样式，所以看起来非常的朴素，这就是表格了，其实就是英文翻译用标签标记一下，然后浏览器翻译了一下。

4.升华，添加样式

<table width = 200 border = 1 cellspacing = 0 cellpadding = 1>
<td colspan = 4>1000</td>

在这里插入图片描述

样式可以根据对应帮助文档进行设计即可，比较常用的就是border（边框）width（宽度）颜色等等，原理是一样，有了自己的理解使用文档就可以实现想要的效果了。
$自己理解可能会和其它的有冲突，也希望大家能够补充修改。$

以太猪猪

关注

0
点赞
踩
12

收藏

觉得还不错? 一键收藏
0
评论
【JavaWeb学习第一天】表格

【JavaWeb学习第一天】表格==table==
复制链接

扫一扫

专栏目录