html的表格标签有哪些

大概在2000年以前,也就是web 1.0时代,表格就是我们的一种布局方式。

在web 2.0时代,网页重构的浪潮中,表格布局被DIV+CSS布局所代替。

但是不代表表格无用,表格应该回归到它应该做的事情上,那就是用于排列二维数据。

html中的表格标签,前端培训

以前有一个极端的现象,程序员们都觉得用表格来布局了很low,然后大家都尽量的避免使用表格,导致在排列数据的时候也放弃使用表格,转而使用div,结果发现使用div来排列数据简直太崩溃了,非常的恼火,远不如表格简单。最后大家得出结论,还是要正确的看待表格的作用。

表格就非常适合用来做这种行和列的数据排放,就和Excel表格一样的作用。

因为我们不可能拿表格来做非常复杂的事情,它也的确不太适合,所以我们只需要掌握表格的基本结构,比如能够做一点简单的表格即可。

下面我们来认识一下表格的基本标签,也就只有几个,并不复杂。

1、table

单词就是表格的意思,说明这里是表格。

2、caption

表格标题,基本上没什么用处,可以不用理会。

3、thead

表格表头,也就是表格的头部。

4、tbody

表格表身,也就是表格的主体内容。

5、tfoot

表格表尾,也就是表格的结尾。

在实际应用中,表头和表尾可以省略,只使用表身即可。

6、tr

表格一般是用行和列构成的,tr表示行。

7、th、td

表格一般是用行和列构成的,th、td表示列。

th主要表示表头的单元格,有文字默认样式,字体加粗,并且居中。

td主要表示主体的单元格。

表格是由行和列构成的二维表,内容必须放在表格的单元格中。

表格的作用是存放二维的数据。

连续的单元格可以合并,列上面的单元格合并,使用colspan=“单元格的个数”,行上面的单元格合并,使用rowspan=“单元格的个数”。

我们只要掌握了上面这几点就可以完成一些常规的布局了。

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:dandanxi6@qq.com

(0)
上一篇 2023年 7月 6日 下午2:35
下一篇 2023年 7月 6日 下午2:48

相关推荐

  • 李时珍的皮是什么意思

    最近看到一个动漫,字幕组真的很调皮,居然在翻译中出现了皮这个字,确定日文中有吗?大家也是纷纷吐槽,字幕组是真的皮,是李时珍的皮,其实李时珍的皮来源于游戏解说,下面就为大家介绍。 李…

    2023年 3月 27日
  • wifi助手是干嘛的

    今天鱼哩给大家推荐两款WiFi小帮手。一款是大家比较熟悉的WiFi助手,是基于QQ浏览器上的WiFi小帮手,功能比较强大,酒店、商铺附近大多数WiFi都可以破解连接,且不怎么占用手…

    2023年 7月 5日
  • 国外手机号如何获取,哪种方式更实用一些

    国外手机号在某些时候,作用也是比较大的,特别是注册一些无法在国内使用的软件时,只有通过国外的手机号接收验证码才能完成。对于国内人群来讲,如果亲朋好友没有在国外,想要拥有国外手机号就…

    2023年 10月 15日
  • 只缘身在此山中的解释

    配置完Nginx之后虽然还没有添加任何网页内容,但是web服务器确实已经在运行了。但是这时候在浏览器上输入自己的域名很可能并不能显示正常的网页。其实这种现象很普遍,并不是Nginx…

    2023年 4月 19日
  • ps如何放大照片(ps照片放大缩小快捷键)

    最近毕竟忙啊,忙着加班,忙着过节,昨天才看到头条私信的问题,很抱歉!回复的晚了! 今天帮“@飞毛腿肉丝”解决在PS里面照片如何放大的问题! PS中照片放大的问题,七娃给出两种方案:…

    2023年 9月 2日
  • 为什么微信总是有陌生人来添加你

    为何微信总有陌生人添加你为好友?那是因为你打开了这几个开关 现在社会中,人们最常使用的社交软件就是微信、QQ之类。而其中微信则是如今国内最大的社交软件。虽然说当初微信出来的时候,Q…

    2023年 3月 20日
  • 如何建立自己的私域直播间呢(私域直播间怎么起号)

    目前市面上有很多直播软件和直播平台,抖音和快手是2个最大的短视频和直播平台,现在微信的视频号也渐渐崭露头角,还有斗鱼直播、YY直播、虎牙直播等等一系列的其他直播平台和软件。在平台直…

    互联网 2023年 5月 15日
  • 爱不爱你分一次手,爱不爱你其实一个眼神就知道

    你可以设置隐身访问,你可以删除访问记录,你可以开小号偷偷关注,可不管怎么样,你都躲不掉还爱他的事实。 无数次你背着熟悉的号码,进他空间只想找寻曾经关于你的动态,你忐忑你难受你嫉妒,…

    2023年 3月 10日
  • ps海报过渡色(ps海报的拉开效果)

    今天给大家分享一个如何通过涂抹工具制作顺滑自然过渡效果的教程。 在上面这些漫画中颜色运用很丰富,但色彩过渡很平滑自然,但我们在运用PS绘制是,确发现颜色过渡或多或少都会有些痕迹,出…

    2023年 1月 5日
  • 微信通话如何开美颜功能,微信通话怎么开通美颜功能

    微信视频通话没有美颜功能,怎么办?有人爱打视频电话,但是又怕自己没来得及化妆,素颜的一面被人看到,因为每个人都希望把自己美美的一面展示给别人,其实很简单,只需要简单设置一下就能一键…

    2023年 8月 30日