【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(宽度)颜色等等,原理是一样,有了自己的理解使用文档就可以实现想要的效果了。
自 己 理 解 可 能 会 和 其 它 的 有 冲 突 , 也 希 望 大 家 能 够 补 充 修 改 。 自己理解可能会和其它的有冲突,也希望大家能够补充修改。 自己理解可能会和其它的有冲突,也希望大家能够补充修改。
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
