博客
关于我
Java全栈学习:HTML(一)---基本元素
阅读量:107 次
发布时间:2019-02-26

本文共 1977 字,大约阅读时间需要 6 分钟。

文章目录

一.基本标签

在这里插入图片描述

二.实体符号

在这里插入图片描述

三.表格

因为我们的数据库的增,删,改,查主要由网页的表格呈现的,所以对于表格这一块比较重要。

在这里插入图片描述

一对<table></table> 标签表示一个表格,而一对 <tr></tr> 标签表示表格的一行,一对 <td></td>表示表格的一列。
一个实例如下:

    
表格
a b c
d e f
g h i

在这里插入图片描述

四.表格合并

row合并(行合并):删除下面行的单元格

    
表格
a b c
d e f
g h i

在这里插入图片描述

f合并了i.

col合并(列合并):删除那个无所谓。

在这里插入图片描述

    
表格
a b c
d e f
g i

g合并h.

在这里插入图片描述

    
表格
a b c
d e f
h i

h合并g.




补充:th和td的区别
    
表格
a b c
d e f
h i

在这里插入图片描述

我们对第一行改成td

    
表格
a b c
d e f
g h i

在这里插入图片描述

可以看出th比td多的功能为居中,加粗。




补充2:thead,tbody,tfoot不是必须的,只是为了后面js代码的编写。如下
    
表格
a b c
d e f
g h i

转载地址:http://ualk.baihongyu.com/

你可能感兴趣的文章
New Journey--工作五年所思所感小记
查看>>
new Queue(REGISTER_DELAY_QUEUE, true, false, false, params)
查看>>
New Relic——手机应用app开发达人的福利立即就到啦!
查看>>
new work
查看>>
new 一个button 然后dispose,最后这个button是null吗???
查看>>
NewspaceGPT的故事续写能力太强了
查看>>
NewspaceGPT绘制时序图
查看>>
NewspaceGPT绘制类图
查看>>
new一个对象的过程
查看>>
new和delete用法小结
查看>>
new对象时,JVM内部究竟藏了什么小秘密?
查看>>
new操作符的实现原理
查看>>
Next.js React Server Components 教程
查看>>
NextGen Mirth Connect XStream反序列化远程代码执行漏洞(CVE-2023-43208)
查看>>
next项目部署到服务器pm2进程守护
查看>>
nexus 介绍
查看>>
nexus上传jar
查看>>
Nexus指南中的更新强调集成和透明度的重要性
查看>>
Nexus指南已经发布
查看>>
Nexus(1):Nexus的安装与配置
查看>>