当前位置: 首页 > article >正文

html caption属性,html元素caption标签的使用方法及作用

html元素caption标签是用来定义table表格的标题,其使用方法及作用详解如下:

标签的定义标签定义表格的标题,该标题会默认居中在表格顶部;标签必须直接放置到

每个表格只能用一个

标签定义一个标题。标签语法格式

语法格式如下:

表格标题标签是成对出现的,以为开始标签,以为结束标签。

浏览器支持情况

标签已被所有主流浏览器支持 。标签的用法的用法也很简单,主要是定义表格的标题,标题默认会居中在表格之上,可以使用align属性来更改它的对齐方式,但是不建议使用,因为html5已经不支持该属性。如果要改变样式,可以使用css来改变。

1、设置表格的标题

的用法也很简单,主要就是定义表格的标题,演示代码如下:
蔬菜价格
蔬菜品种蔬菜价格
番茄5元/斤
茄子2元/斤
土豆4元/斤

以上代码在浏览器中显示效果如下:

fc74d07e4b22257567edfb1ebf38a5b6.png

2、设置表格标题的边框和对齐方式

我们应该通过CSS属性 "text-align" 和 "caption-side" 来改变表格标题的对齐方式。同样,我们也应该通过CSS样式来添加各种样式效果,比如,添加表格标题的边框、背景颜色,字体颜色、大小等效果。

蔬菜价格
蔬菜品种蔬菜价格
番茄5元/斤
茄子2元/斤
土豆4元/斤

其中,border:1px solid #000表示添加一个粗细为1px的实线边框,solid表示实线,#000表示黑色;background:yellow表示背景颜色为黄色,text-align:center表示居中显示表格标题,如下图所示:

22fdac4a9edcbdf2c40e0b94ade7d48c.png

标签属性属性值描述

alignleft

right

top

bottom定义标题的对齐方式。HTML5不支持该属性,在HTML 4.01中已被已废弃。

标签的align属性已被html4废弃,而HTML5已不再支持;
http://www.lryc.cn/news/2413215.html

相关文章:

  • 汤姆·克鲁斯 - 电影全集
  • 帧中继技术介绍-ielab
  • 塞尔达传说gba_《塞尔达传说缩小帽》是系列一年级生?,回忆众多玩友的启蒙之作...
  • IT技术的发展是创造新世纪还是毁灭这个世界?
  • 使用Eclipse开发J2EE项目详解
  • 史上最全的CentOS常用软件安装和启动步骤【包含Docker安装】_centos7
  • 电脑系统进程大解剖
  • 数字信号处理的学习资源
  • 怎么搭建自己的网站?详细教程
  • ARCGIS9.3安装
  • rk修改launcher_RK launcher V 0.41 官方版
  • Flex与java通信
  • 国内IT公司速查手册
  • php开发his软件,HIS系统(his管理系统)V3.0.1 官网版
  • tftpd32服务器软件在Windows与linux 下的文件传输
  • 【源码】二分法及MATLAB实现
  • 数学速算法64种口诀_【收藏】加减乘除速算法,为孩子打开一个神奇有趣的数学世界!...
  • 详解Wavedev2模式的音频驱动
  • 常见的十五种Java开发工具
  • unity3d_webplayer_缓存文件结构
  • 红帽linux7.2安装教程,RHEL 6.2安装(超级详细图解教程) | 系统运维
  • 网吧服务器点歌系统,网吧点歌系统_网吧语音大师_蓝宝石语音_网吧点歌系统_蓝宝石呼叫网管_hylbs.com...
  • Code Craft(编程匠艺)之代码的生命(一)
  • 【推荐】10个网站分类目录提交地址
  • 51单片机学习——非标协议外设——LCD1602液晶显示屏
  • Android 开发的学习指南
  • MFC读写ini配置文件(WritePrivateProfileString,GetPrivateProfileString,GetPrivateProfileInt)
  • 小米2S稳定版 教你如何一键ROOT
  • discuz插件,discuz采集插件,discuz插件工具
  • 四个福利性在线网站分享,每一个都让你欲罢不能……