html table相关标签和属性
标签 | 意义 |
---|---|
<table></table> | 表格开始和结束。表格的基本标签之一。示例 |
<tr></tr> | 表格的行。表格的基本标签之一。示例 |
<td></td> | 单元格。表格的基本标签之一。示例 |
<th></th> | 表头单元格。示例 |
<caption></caption> | 表格的标题。示例 |
<col/> | 给表格中的一列或多列设置属性。示例 |
<colgroup></colgroup> | 给表格中的一列或多列设置属性。示例 |
<thead></thead> | 表头。当打印过长的表格时,表头会出现在分页上。示例 |
<tfoot></tfoot> | 表脚。当打印过长的表格时,表脚会出现在分页上。示例 |
<tbody></tbody> | 表格主体、正文。thead、tfoot和tbody需一起使用。示例 |
属性 | 意义 | 值 | 适用标签 |
---|---|---|---|
cellpadding | 设置单元格边框与单元格里的内容之间的距离。 | % 或px单位值 | <table>示例 |
cellspacing | 设置单元格间的距离。 | % 或px单位值 | <table>示例 |
colspan | 设置表格中的行跨越多列 | 列数 | <th><td>示例 |
width | 设置宽度。 | % 或px单位值 | <table><th><td>示例 |
height | 设置高度。 | % 或px单位值 | <table><th><td>示例 |
align |
设置相应内容的水平方向对齐方式。 |
left(左) 、center(中)、right(右) | 所有table相关标签。示例 |
valign | 设置相应内容的垂直方向对齐方式。 | bottom(底部)、top(顶部)、middle(中间) |
除<table>外所有table相关标 签。 注意,<caption>不支持baseline和middle值。示例 |
background | 设置背景图片。 | 背景图片的路径和文件名。 | <table><th><td>示例 |
bgcolor | 设置背景颜色。 | rgb(x,x,x) 、 #xxxxxx 、 颜色名 |
除<caption><col><colgroup> 外所有table相关标签。示例 |
border | 设置边框宽度。 | px单位值 | <table>示例 |
bordercolor | 设置边框颜色。 | rgb(x,x,x) 、 #xxxxxx 、 颜色名 | <table>示例 |
bordercolordark | 设置边框的暗边颜色。 | rgb(x,x,x) 、 #xxxxxx 、 颜色名 | <table>示例 |
bordercolorlight | 设置边框的亮边颜色。 | rgb(x,x,x) 、 #xxxxxx 、 颜色名 | <table>示例 |
rules | 设置表格内部边框的显示方式。此属性浏览器兼容性不佳,不建议使用。 | none(不显示内部边框)、groups(显示行和列间的边框)、rows(显示行边框)、cols(显示列边框)、all(显示所有内部边框) | <table> |
summary | 设置表格摘要。设置的摘要文字不会在浏览器显示出来。 | 文本 | <table> |
title | 设置当鼠标停留在表格时显示的描述性的文字。 | 文本 |
<table><thead><tfoot><tbody> |
span | 设置相应的列来应用其它的属性 | 列数 | <col><colgroup>示例 |
nowrap | 文字不换行,表格随着文字自动伸展。此属性浏览器兼容性不佳,不建议使用。 | nowrap | <tr><th><td> |
html table相关标签和属性相关推荐
- html5语言在tr下下拉列表,5-HTML列表, table表格标签及其属性-Go语言中文社区
一.有序列表 (ordered list) 格式: 有序列表 有序列表 有序列表 语义及运用: 给一堆数据添加列表语义,数据有先后之分.常运用于歌单,排行榜等需要列出先后顺序的列表. 注意点: 1. ...
- Web前端,HTML表格相关标签和属性,在网页中表格结构的显示
一.表格的基本标签 场景: 在网页中以行+列的单元格的方式整齐展示和数据,如:学生成绩表 代码 <!-- table 包含 tr, tr包含td --><table border=& ...
- <table>标签的属性
1.border border属性用于设置表格的边框,默认值为0. 2.cellspacing cellspacing属性用于设置单元格于单元格之间的空间,默认值为2px. 3.cellpadding ...
- Web前端开发 table标签相关用法和属性
table标签 html中的<table>标签,通常用于对页面布局的规划. 一.<table>标签简介 table标签用于在网页中建立表格布局,其子标签有<tr>& ...
- css里td自带什么属性,关于css标签的属性(text文本属性,背景background,表格标签table,td标签属性)...
简介这篇文章主要介绍了关于css标签的属性(text文本属性,背景background,表格标签table,td标签属性)以及相关的经验技巧,文章约1129字,浏览量216,点赞数4,值得参考! te ...
- android studio table居中代码_html table表格标签内容如何居中显示?表格的align属性的用法介绍...
本篇文章主要的介绍了关于HTML 表格table标签的居中使用,还有关于align属性在table表格标签中的使用方法,可以帮助表格对齐和表格中的文本对齐.接下来让我们来看看这篇文章吧. 首先我们先来 ...
- html cellpadding属性,HTML table标签 cellpadding 属性
HTML 定义和用法 HTML5 不支持 cellpadding 属性规定单元边沿与单元内容之间的空间,以像素计. 注意:请勿将该属性与 cellspacing 属性相混淆,cellspacing 属 ...
- html5标签属性大全_html5 文本相关标签
html5 文本相关标签 一.标题 h1.h1.hgroup(标题组) 1.什么情况下使用标题? 01.标题是概括性的简短文字 02.标题能概括随后的内容 2.主标题与副标题 01.主标题 02.副标 ...
- HTML中table表格的常用标签及属性
table表格的常用标签及属性 <table border="1" cellspacing="0" cellpadding="5"&g ...
最新文章
- NIPS | 谷歌AI大军来袭,看450多名员工如何横扫今年大会
- python jit_Pyston是一个基于JIT的Python开源实现
- 【实例记录】在ubuntu上运行python实现与单片机多线程串口通信
- 【OpenKruise v0.9.0】新增 Pod 重启、删除防护等重磅功能
- 【机器学习】线性回归之Normal Equation(矩阵求导与线性代数视角)
- sql入侵 mysql日志_服务器入侵日志分析(一)——mysql日志位置确定
- 密码锁 java接口_从synchronized和lock区别入手聊聊java锁机制
- 计算机专业毕业论文指导记录详细,毕业论文指导记录怎么写 了解一下
- react-router的使用(三)——路由的嵌套
- linux高亮查找关键字
- 有位哥们坚持不用微服务架构,被老板踢出了群聊···
- os.listdir()
- python怎么全部注释_python全部注释
- Chrome浏览器主页被篡改怎么修复
- Python的函数理解外传
- Windows DiskPart
- mysql ndb 关闭,监控mysql、ndb进程重启
- windows系统redis部署配置(IP端口服务)配置
- Latex证明环境:白方块/黑方块
- Oracle帐户被锁了,怎么解锁
热门文章
- Java中对象的储存区
- 【Android 插件化】现有的针对插件化恶意应用的解决方案 | 插件化应用开发推荐方案
- 【Android应用开发】RecycleView API 翻译 (文档翻译)
- 用CreateProcess()在MFC中执行批处理命令
- 数据库各个派系的起源和应用场景
- Notepadd ++ PluginManager安装
- 一个操作读写已存在excel 文件的例子
- Mysql数据库的打开和关闭
- [C# 设计模式] Adapter - 适配器模式(两种)
- OSI与TCP/IP协议区别