【JavaWeb学习第一天】表格

【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(宽度)颜色等等,原理是一样,有了自己的理解使用文档就可以实现想要的效果了。
自 己 理 解 可 能 会 和 其 它 的 有 冲 突 , 也 希 望 大 家 能 够 补 充 修 改 。 自己理解可能会和其它的有冲突,也希望大家能够补充修改。


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部