JAVAWeb html表格

表格的基本结构

一、标记

1、基本格式

<table 属性1=“属性值1” 属性2=“属性值2”......>表格内容</table>
<table><tr><td>单元格1</td><td>单元格1</td></tr>
</table>

2、table标记的属性

（1）、width属性
（2）、height属性
（3）、border属性表示表格外边框的长度
（4）、align属性：表格显示的位置a、left居左b、center居中c、right居右**默认值left**
（5）、cellspacing属性单元格之间的间距，默认为2px，单位像素<table  cellspacing=""></table>
（6）、cellpadding属性单元格内容与单元格边框的显示距离，单位像素<table  cellpadding=""></table>
（7）、frame属性a、作用b、属性（8）、rules属性a、作用控制是否显示以及如何显示单元格之间的分割线b、属性1）none（默认值）：表示无分割线2）all表示包括所有分割线3）rows：表示仅有行分割线4）clos：表示仅有列分割线5）groups：表示仅在行组和列组之间有分割线

3、caption属性

（1）、什么时候使用如果表哥需要使用标题，那么可以使用caption标记
（2）、如何正确使用caption属性的插入位置，直接位于table属性之后，tr表格行之前
（3）、align属性a、top：标题放在表格上部b、bottom：标题放在表格下部c、left：标题放在表格左部d、right：标题放在表格右部

         <table  cellspacing="1" with="80" align="center" border="0"><caption>华府</caption><thead><tr><th>姓名</th><th>性别</th><th>年龄</th></tr></thead><tbody   align="center"><tr><td>小明</td><td>男</td><td>20</td></tr><tr><td>小明</td><td>男</td><td>20</td></tr><tr><td>小明</td><td>男</td><td>20</td></tr><tbody><tfoot align="center" bgcolor=""><tr><td colspan="3">一共三人</td></tr></table>

华府
姓名	性别	年龄
小花	男	20
小花	男	20
小花	男	20
一共三人

4、tr标记

定义表格的一行，对于每一个表格行，都是由一对<tr>....</tr>标记表示，每一行<tr>标记内可以嵌套多个<td>或者<th>标记。

5、th与td区别

1）<td>和<th>都是单元格的标记，其必须嵌套在<tr>标签内，成对出现
2）<th>标记通常位于首行或者首列，<th>中的文字默认会被加粗，<td>不会
3）<td>是数据标记，表示该单元格的具体数据
4）两者标记的属性是一样的

6、thead、tbody、tfoot的使用

为了让大表格(table)在下载的时候可以分段的显示,就是说在浏览器解析HTML时，table是作为一个整体解释的，使用TBODY可以优化显示。如果表格很长，用tbody分段，可以一部分一部分地显示，不用等整个表格都下载完成TBODY包含行的内容下载完优先显示，不必等待表格结束.另外，还需要注意一个地方。表格行本来是从上向下显示的。但是，应用了thead/tbody/tfoot以后，就“从头到脚”显示，不管你的行代码顺序如何。也就是说如果thead写在了tbody的后面，html显示时，还是以先thead后tbody显示。

thead　表格的头用来放标题之类的东西
tbody　表格的身体放数据本体
tfoot　表格的脚放表格的脚注之类

JAVAWeb html表格相关推荐

JavaWeb项目表格页面
JavaWeb项目表格页面使用java软件IDEA搭建页面表格首先在IDEA上的jsp中创建一个网页页面将其命名: 利用模板扣出一个自己需要的网页然后再Servlet中创建其页面,将其命名,链接 ...
基于JavaWeb的表格实例
实现如下图表格网页 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html&g ...
Blob 文件流下载 type类型
let url = window.URL.createObjectURL(new Blob([文件流(一般为res.data)], { type: 'Blob类型' })) let link = do ...
jvm虚拟机规范紧接上文的
dneg dneg指令是类型安全的,if在传入的操作数堆栈中有一个类型匹配的双倍数.dneg指令不改变类型状态. instructionIsTypeSafe(dneg, Environment, _O ...
javaWeb学习第一天 ------HTML和table表格
javaWeb学习第一天学习内容前端介绍: html :超文本标记语言 html创建: html的一些规范: html的发展史: html开发的工具: html文档的格式: html的注释: ht ...
Javaweb中layui数据表格的实现
Javaweb中layui数据表格的实现开发工具与关键技术:作者:熊琪撰写时间:2020年8月9日首先我们要创建一个实体类:如图创建实体类首先要明白自己要啥字段,创建完实体类然后写查询方法: 代 ...
表格嵌套—JavaWeb学习之路Day1
<html > <head> <meta http-equiv="Content-Type" content="text/html; cha ...
javaweb 需要对表格建立实体类吗_如何采用java界面编程建立一个表格
5.总体代码: 为了便于大家复制,下面给出完整的程序代码,如下: package ArrayCreateTable; import javax.swing.table.*; import java.a ...
在javaweb中将excel表格导入存放数据库
在jsp页面 <html> <body> <head> <script type="text/javascript"> functi ...

JAVAWeb html表格

JAVAWeb html表格

表格的基本结构

一、标记

1、基本格式

2、table标记的属性

3、caption属性

4、tr标记

5、th与td区别

6、thead、tbody、tfoot的使用

JAVAWeb html表格相关推荐

最新文章

热门文章