HTML中table表格的常用标签及属性

table表格的常用标签及属性

<table border="1" cellspacing="0" cellpadding="5"><caption>基本信息</caption><!-- 单独给列设置样式属性 --><col width="100px"> // 第一列<col width="100px"> // 第二列<col width="150px"> // 第三列<col width="110px"> // 第四列<!-- 批量给列设置样式属性 --><colgroup><col span="2" width="100px"> // 前两列<col span="1" width="150px"> // 第三列<col span="1" width="110px"> // 第四列</colgroup><tbody><tr align="center"><td>姓名</td><td>年龄</td><td>手机号</td><td rowspan="3">照片</td></tr><tr align="center" valign="top" height="50px"><td>五</td><td>18</td><td>12345678901</td></tr><tr><td colspan="3">合并列</td></tr><tr></tbody>
</table>

效果如下

常用标签

<caption>：表格标题，居中在表格上方
<col>：单独给每列设置样式属性
<colgroup>：批量给列设置样式属性

常用属性

border
【表格默认无边框】
【设置了border为1px，表格有边框，但边框与边框之间默认有一定的间距】
cellspacing
【设置边框与边框之间的间距，cellspacing="0"可以让边框变成单线】
cellpadding
【设置单元格内填充，cellpadding=“5”，表示文字与单元格边框之间有5px的间距】
rowspan
【合并行】
colspan
【合并列】
align
【水平方向对齐方式】
valign
【垂直方向对齐方式】
border-collapse: collapse
【添加单线，同cellspacing = 0】
empty-cells: hide;
【隐藏空的单元格】

HTML中table表格的常用标签及属性相关推荐

layui table 添加img_layui中table表格的基本操作
最近抽空总结了下layui中table表格的相关配置,解释的比较全面,可供大家参考,页面效果如下: table表格.png table表格html部分: 新增备注编辑 table表格渲染js (包 ...
HTML中table表格拆分合拼(colspan、rowspan)
本文关键介绍了HTML中table表格拆分合拼(colspan.rowspan),原文中根据实例编码介绍的十分详尽,对大伙儿的学习或是工作中具备一定的参照学习使用价值,必须的小伙伴们下边伴随着小编来一 ...
elementUI 中 table表格图片放大
elementUI 中 table表格图片放大当项目中表格的表格插入图片,需要放大查看图片, 可使用elementUI的组件 el-popover 弹出框,具体操作: <el-table- ...
vue中table表格导出为图片格式
vue中table表格点击下载为图片格式实现思路:给页面中需要导出为图片的内容添加id名,调用封好的方法即可直接导出.以下是具体的实现方法 1.安装依赖 npm install --save htm ...
html中的元素英文,HTML 常用标签元素属性名英文书写
HTML 常用标签元素属性名英文书写头: header 内容: content/containe 尾: footer 导航: nav 侧栏: sidebar 栏目: column 页面外围控制整体布 ...
HTML常用标签及属性
web准备介绍: w3c:万维网联盟组织,用来制定web标准的机构(组织) web标准:制作网页遵循的规范 web准备规范的分类:结构标准.表现标准.行为标准. 结构:html.表示:css.行为:J ...
文本字段的html标签是什么,HTML常用标签及属性
什么是HTML HTML基本语法常用标签及属性链接文本标记表格列表表单结构标记什么是HTML Hyper Text Markup Language,超级文本标记语言 - 普通文本a:无 ...
100个HTML标记语言的常用标签及属性
以下是100个HTML标记语言的常用标签及属性,并且附带有示例: 1. <!DOCTYPE>:定义文档类型.示例:<!DOCTYPE html> 2. <html> ...
html语言元素属性大全,HTML常用标签及属性
什么是HTML HTML基本语法常用标签及属性链接文本标记表格列表表单结构标记什么是HTML HyperText Markup Language,超级文本标记语言 HTML 并不是编程 ...

HTML中table表格的常用标签及属性

table表格的常用标签及属性

HTML中table表格的常用标签及属性相关推荐

最新文章

热门文章