html中超链接使用_干货 | HTML中表格的使用方法
![](/assets/blank.gif)
HTML中的表格是由
表格的标签组成
HTML中的表格是由
标签用于定义表格的列, 标签为又是 标签来分割列,形成一个完整的表格。 表格的标签组合关系为:
我是单元格1 我是单元格2 表格中可以插入文本、图片、列表、段落、表单、水平线等任何html标签,甚至可以用来做页面布局。但是table布局存在代码冗余过长、不符合HTML规范、搜索引擎不友好等问题。因此建议大家尽量不要使用table进行页面布局,除非页面中确实需要一张表格。
剩下的
、 表格和边框属性
表格自身可以定义border属性来决定表格边框的宽度,该属性的值默认是以数字单位进行显示,例如border=”1″该值的单位为px。注意,不要在border的数值后面加上任何单位,否该值无法正确识别。
表格的表头
在
标签内的文字会被自动加粗。 单元格的合并
单元格的合并分为垂直合并与水平合并,在合并时需要确定其他行与列中是否有对应数量的单元格。
水平合并单元格使用colspan属性,其值是用数字的形式确定需要合并的单元格数量,例如colspan=”2″即代表向右合并两个单元格。
垂直合并单元格使用rowspan属性,与水平合并的属性相同,同样也是以数字形式确定需要合并的单元格数量,例如rowspan=”2″代表向下合并两个单元格。
实例演示代码:
姓名 电话 Bill Gates 555 77 854 555 77 855 横跨两行的单元格:
姓名 Bill Gates 电话 555 77 854 555 77 855 单元格边距
表格具有与padding样式类似的内边距功能。通过在
元素设置内边距。cellpadding属性的参数是值是以数字的形式来确定边距的大小,例如cellpadding=”10″ 则表示table中的所有 单元格间距
单元格的间距是设置
标签的外边距,这个也与css样式中的margin类似,通过在
为表格设置背景
表格可以通过background属性为表格或单元格设置任意图片作为背景,其使用方法非常像css中的background。为background设置对应的图片路径,即可使单元格显示相应的图片。例如background=”table_bg.gif”
表格内容的对齐排列
表格的对齐分为水平对齐和垂直对齐。它们分别是align属性与valign属性,将这两个属性插入到对应的
标签中即可完成单元格内文本或图像的对齐。
水平对齐align分别有三个值:left左对齐、center水平居中、right右对齐
垂直对齐valign也有三个值:top顶端对齐、middle垂直居中、bottom底部对齐、baseline为基线对齐。
其中基线对齐可能无法从字面上理解,其实基线对齐也就是文本出现在表格的中上部而不是正中央。如果文字不大的话,效果和middle差不多,比middle稍微靠上一点。
私信发送【前端】有惊喜!
html中超链接使用_干货 | HTML中表格的使用方法相关推荐
- python删除字符串中重复字符_从Python中删除字符串标点符号的最佳方法
似乎有一个比以下更简单的方法: 1 2 3import string s ="string. With. Punctuation?" # Sample string out = s ...
- 在python中设置密码登录_在python中生成密码
在python中生成密码 我想在python中生成一些字母数字密码. 一些可能的方法是: import string from random import sample, choice chars = ...
- java代码在jsp中怎么写_在jsp中写java代码
该服务器上的所有的访问者的所有 jsp 页面 D.该服务器上的所有的访问者的所有 jsp 页面和 Java 程序 6.在 JSP 中调用 JavaBean 时不会用到的标记是( )...... jav ...
- 敏捷中gwt含义_在GWT中序列化/反序列化Json
敏捷中gwt含义 JSON和GWT 最近, GWT用户小组中进行了有趣的讨论 ,涉及在客户端对JSON进行序列化/反序列化的最佳实践. 这篇文章旨在突出其重点. 到目前为止,在GWT中有三种将对象转换 ...
- 中lisp文件_关于 Emacs 中的变量你需要知道的事情 | Linux 中国
学习 Elisp 是如何处理变量的,以及如何在你的脚本与配置中使用它们. 来源:https://linux.cn/article-12150-1.html 作者:Clemens Radermacher ...
- java中readline函数_自定义BufferedReader中read和readLine方法
BufferedReader中read和readLine方法总结 实例如下所示: package day0208; import java.io.FileReader; import java.io. ...
- [转载] python获取set中某些元素_取集合中元素_Python Set集合
参考链接: Python set集合 copy() Set集合 阅读本文需要3分钟 2019.09.05 集合(set)是一个无序不重复元素的序列.基本功能是进行成员关系测试和删除重复元素.可以使用大 ...
- java 中的枚举_说说Java中的枚举(一)
在实际编程中,往往存在着这样的"数据集",它们的数值在程序中是稳定的,而且"数据集"中的元素是有限的.例如星期一到星期日七个数据元素组成了一周的"数据 ...
- mysql中gt用法_讲解MySQL中lt;=gt;操作符的用法-一团网
问题 : 我在看以前的一个开发者的代码时看到 在这个查询语句中 <=>符号是什么意思啊?是不是和 =号是一样啊?还是一个语法错误啊?但是没有显示任何错误或者异常.我已经知道了mysql中的 ...
最新文章
- 【C++ 语言】容器 ( queue 队列 | stack 栈 | priority_queue 优先级队列 | set 集合 | 容器遍历 | map )
- 埋点是什么意思_掌握数据生命周期:初识数据埋点
- Y2011_M12_HeartChicken
- MSP430程序跑飞原因
- CF1322B:Present(异或、two pointers)
- rest开发_REST 101开发人员专用
- cat3 utp是不是网线_小科普 | 网线也有高低?聊聊网线的差别
- mysql数据库中excel数据的导入与导出
- 麟龙指标通达信指标公式源码_麟龙新决策曲线A通达信指标公式源码
- 蓝牙(一)AVRCP协议
- 【预测模型】Logistic 人口阻滞增长模型
- 一起学习“秋叶的如何成为PPT高手”
- Android平台集成华为AGC性能管理服务问题处理指南
- 用java写新年快乐特效代码_蓝叶分享新年快乐大红灯笼特效代码
- 510房产网是江阴知名的房地产服务平台
- springboot+Vue+Elementui医院网上预约挂号系统java项目
- 华为路由器OSPF多区域配置
- python f{} 字符串用法详解(含冒号用法)
- 点击echarts柱状图动态改变数据项颜色样式
- 【电商网站】将商品加入购物车代码
热门文章
- C#中宏定义#define、预处理#if #else #endif的使用
- 参数等效模型可以用于_干货分享电池单体产热特性及热模型标定分析(2)
- python不同数据的读入_python读写不同编码txt文件_python读写txt文件
- raid卡组不同raid_RAID磁盘阵列是如何运作的?
- linux中线程的挂起与恢复(进程暂停)
- WinCE BSP的BIB文件介绍
- python tkinter pack 同一行_用python tkinter中的一行连接2个复选按钮
- ipfs 云服务器_IPFS加速云服务生机和分布式存储
- 小学有学计算机课程,如何进行小学计算机课程有效教学.doc
- 【转】源码分析C++的string实现