HTML基础之tr和td标签用法
网页制作用的较多的就是这些常用的标签,现在将tr和td分析如下:
1.HTMLtr标签
tr 标签 -- 代表HTML表格中的一行
* tr标签是成对出现的,以<tr>开始,</tr>结束
* 属性
Common --一般属性
align -- 代表行的水平对齐方式(left(左对齐) | center(居中对齐) |right(右对齐) | justify)(此属性应该使用CSS实现)
valign -- 代表行的垂直对齐方式(top(顶部对齐) | middle(中部对齐) | bottom(下部对齐) | baseline(基线对齐))
(此属性应该使用CSS实现)
tr是table row的缩写
2.HTMLtd标签
td 标签 -- 代表HTML表格中的一个单元格
* td标签是成对出现的,以<td>开始,</td>结束
* 属性
Common -- 一般属性
abbr -- 代表表头的简写
axis -- 对单元格在概念上分类
colspan -- 一行跨越多列
headers -- 连接表格的数据与表头
rowspan -- 一列跨越多行
scope -- 定义行或列的表头
align -- 代表水平对齐方式(left(左对齐) | center(居中对齐) | right(右对齐) | justify)(此属性应该使用CSS实现)
valign -- 代表垂直对齐方式(top(顶部对齐) | middle(中部对齐) | bottom(下部对齐) | baseline(基线对齐))(此属性应该使用CSS实现)
* td是table data cell的缩写
3. <TABLE>代表表格</TABLE>
<TR>代表表格中的一行</TR>
<TD>代表表格中的一列</TD>
' TR'与'TD'交成一个单元格
<TABLE>...</TABLE>之间有多少个<TR>,就有多少行
<TR>...</TR>之间有多少个<TD>,就有多少列
HTML基础之tr和td标签用法相关推荐
- 谈一谈HTML中table、tr、td标签的width和height
一般我们利用HTML中table做表格式,经常会遇到table.tr.td标签的width和height问题,而有时候发现在对tr.td设置宽度或高度时没有效果,其实这就是表格标签的特殊性,他们几个互 ...
- html中tr和td怎么快速输入,HTML的tr和td标签
网页制作用的较多的就是这些常用的标签,现在将tr和td分析如下: 1.HTML tr 标签 tr 标签 -- 代表HTML表格中的一行 * tr标签是成对出现的,以 开始,结束 * 属性 o Comm ...
- html的tr和td标签
tr 标签--代表HTML表格中的一行 1) tr 标签是成对出现的,以<tr>开始,</tr>结束 2)属性 --Common -- 一般属性 1>align :代表 ...
- HTML中用table标签和tr、td标签构成个人简历表
<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8&quo ...
- html中table标签、tr标签、th标签、td标签的基础知识
html中table标签.tr标签.th标签.td标签的基础知识 表格的结构 表格的基本标签 表格标签的基本属性 table标签的基本属性 tr标签的基本属性 th和td标签的基本属性 表格高级样式设 ...
- JS从后台获取数据,前台动态添加tr标签中的td标签
功能描述: 要求从后台查询该省份的所有城市,然后动态的再前台固定的tr标签中添加相应的td标签来展示城市基本信息: 文章目录 #一.前台jsp及js源码 jsp:在固定的tr标签中添加一个id,通过j ...
- Web前端基础---认识HTML及其组成---标签、框架
HTML HTML:Hypertext Markup Language 超文本标记语言 超文本:能够记录文字.标点符号,输入文本.图片.视频.音频和超链接等内容 标记(标签):将所有内容封装成标签,需 ...
- html页面视频标签,html5基础标签(html5视频标签 html5新标签用法)
点评:html5基础,包括html5视频标签和html5新标签等标签用法,大家参考使用吧 1. 声明的变化 2. 指定字符编码的变化,html5中建议使用utf-8 3. Html5中允许 没有 ...
- table标签修改tr,td标签的行距
修改tr标签的行距,tbale标签的td标签间距 看如下Css文件的代码,其都没有table的tr行距产生效果 tr{margin-top: 10px;padding: 10px; } td{marg ...
最新文章
- Ubuntu使用过程中遇到的问题总结
- myeclipse中如何修改Servlet模板
- pythonif语句如何循环播放_python – 循环播放文本,一次3个字符
- QT5日志功能(qDebug、qWarnng、qCritical、qFatal)
- 【Spring】Spring Property ‘sqlSessionFactory‘ or ‘sqlSessionTemplate‘ are required
- docker flask mysql_Docker下Python Flask+Redis+MySQL+RQ队列简单配置
- c++ 14新的语法特性之返回类型推导
- webpack打包样式代码去重
- 贪吃蛇游戏C语言源代码学习
- 大数据项目实战二之电信大数据项目
- Chrome最新版下载地址
- HDFS数据加密空间--Encryption zone
- 如何制作微软原版Win10安装盘
- 数据结构之冒泡排序的两个优化细节
- 轻松打造自己的Cheat Engine
- 水平拆分 垂直拆分 分表 什么意思
- RedHat6.5 安装OpenStack all in one-RDO方式
- 电池上php,Mac_MAC电池不能被识别电池上带个红X的图标怎么办, 有些用户将MAC开机后,发 - phpStudy...
- 面试官我:什么是NIO?NIO的原理是什么机制?我竟然没回答上来...
- 尚硅谷python培训多少钱
热门文章
- 网易云音乐极速版,开屏无广告,免升级,无花里胡哨的功能
- 使用RPC的接口转账
- 微信“拍一拍”升级,罗列些含有“拍”字的宋词,方便二次编辑,如“朋友拍了拍你的 危栏,高兴酒浓。”
- android 获取Imei
- Nginx + Tomcat + Session学习 - ﹎敏ō - 博客园
- 下载WIN7版本的iTunes
- django分页、查询
- Numerical Optimization之Nonlinear Equations
- Java方法重载实现原理及代码实例
- 第二篇 - 设计篇:静馨舍app功能设计