HTML表格制作学习提示

虽然html很基础好学，但有些细节不真正遇到就是不太了解，现在都用CSS+div布局，基本的table布局还是需要掌握的，我在项目中要实现一个很复杂的table表格表单，因为没有实践过，一开始很是受阻，所以学习了一下table的相关知识，看了一些优秀的博客记录。学习了。一下琐碎的知识，很乱，就是记录而已。

------------

在做项目的时候尽管用CSS布局，但是也会用到表格布局，并且会涉及到各种各样的表格，但是可能是我基础html学的不太好，也忘了不少，初学的时候看的书也半斤八两，所以现在设计表格的时候有的吃力，所以特地学习一下记录下来。（html表格制作设计。表格布局。table的各种属性。高级表格设计！）(有道笔记) {无法上网，所以只能在本地计算机上记录了}
====================================================

表格与单元格（<tr><td></td></tr>构成单元格）相关属性：border cellspacing cellpadding width height bgcolor background bordercolor bordercolorright border-style align
设置表格的宽度后td没有必要设置了。<td valign=top align=center>

-------------------------
1、表格组合：多个表格怎么排列的问题

2、多单元格表格。。可以想成本来就很多的单元格，然后合并一行里的就用colspan 合并一列里的就用rowspan

3、表格嵌套！表格是个容器，放置元素

4、深入学习

----------------------------------------

caption标签 <colgroup span="1">
<table border="1">
<caption><em>A test tabke with merged cells</em></caption>
<tr>
<th rowspan="2"></th>
<th colspan="2">Averages</th>
<th rowspan="2">Red <br>Eyes</th>
</tr>
<tr>
<th>Height </th>
<th>Weight</th>
</tr>
<tr>
<th>Males</th>
<td>1.9</td>
<td>0.0002</td>
<td>40%</td>
</tr>
<tr>
<th>Females</th>
<td>1.7</td>
<td>0.0002</td>
<td>43%</td>
</tr>
</table>
========================
thead 和tfoot 在table中只能有一个。而tbody可以有多个！

table的属性frame和rules控制边框的显示！示例代码：

<table border="1" width="600" frame="hsides" rules="goups">
<caption>My Ultimate Table</caption>
<colgroup span="1" width="200"></colgroup>
<colgroup span="3" width="400"></colgroup>
<thead>
<tr>
<td>Cell 1-1</td>
<td>Cell 1-2</td>
<td>Cell 1-3</td>
<td>Cell 1-4</td>
</tr>
</thead>
<tbody>
<tr>
<td>Cell 2-1</td>
<td>Cell 2-2</td>
<td>Cell 2-3</td>
<td>Cell 2-4</td>
</tr>
<tr>
<td>Cell 3-1</td>
<td>Cell 3-2</td>
<td>Cell 3-3</td>
<td>Cell 3-4</td>
</tr>
</tbody>
<tfoot>
<tr>
<td>Cell 4-1</td>
<td>Cell 4-2</td>
<td>Cell 4-3</td>
<td>Cell 4-4</td>
</tr
</tfoot>
</table>
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
表格嵌套！！！

=========一些好的地址：

1、Web的26项基本概念和技术 www.yyyweb.com/2369.html

2、网易博客table

3、酷勤网-精通html表格

4、重新认识html表格--Uimaler

HTML表格制作学习提示相关推荐

使用NPOI将数据库里信息导出Excel表格并提示用户下载
使用NPOI进行导出Excel表格大家基本都会,我在网上却很少找到导出Excel表格并提示下载的简单的代码如下 1 //mvc项目可以传多个id以逗号相隔的字符串2 public ActionRes ...
WPS无法关闭excel表格，提示：关闭窗口前请先退出编辑单元格内容或格式
WPS无法关闭excel表格,提示关闭窗口前请先退出编辑单元格内容或格式的解决办法: 第一种:按Esc键退出编辑. 第二种:ctrl+alt+delete快捷键打开"任务管理器", ...
iview ui里面 table表格title提示和气泡提示
iview--table表格title提示和气泡提示说明: 文本不换行,超出显示省略号,两种提示方式,title提示和气泡提示气泡提示不足:当内容没超过一行,也会出现气泡提示.觉得不如Elemen ...
ExtJS 表格悬浮提示
1.特定单元格悬浮提示其中 gridStore1 为表格数据源,grid1 为表格设计. //表格数据源var gridStore1 = Ext.create('Ext.data.Store', { ...
打开excel表格提示内存不足
如题,打开一些表格会提示这个错误,但是内存并没有跑满,原因是安装的office是32位的最大支持4G内存,改装64位office,解决问题
python能做表格吗-python 制作表格
制作表格循环提示用户输入:用户名.密码.邮箱(要求用户输入的长度不超过20个字符,如果超过则只有前20个字符有效) 如果用户输入q或Q表示不再继续输入,将用户输入的内容以表格形式打印from pre ...
SuperMap webGIS 简易提示框示例
先看一下效果:服务要先启动: 图上两个图标是自己添加的marker: marker是SuperMap.Marker类的对象: 弹出提示框:里面可以带图片: 说明一下代码: <link href= ...
计算机一级单元格公式设置错误是什么原因,excel表格公式出错怎么解决,电子表格求和出错...
Excel软件提示solver.xla文件丢失怎么办?有用户反映在使用Excel软件时收到错误提示缺失solver.xla文件,该如何解决?需要重装Excel甚至office吗?其实文件solver. ...
layui表格展示数据时：返回的数据不符合规范，正确的成功状态码应为：code: 0
1.今天,用django和layui结合,处理表格展示数据时,有数据的表格能正常显示列表,无数据的表格却提示了:返回的数据不符合规范,正确的成功状态码应为:"code": 0,于是 ...
python怎么做图表_python 制作表格
制作表格循环提示用户输入:用户名.密码.邮箱(要求用户输入的长度不超过20个字符,如果超过则只有前20个字符有效) 如果用户输入q或Q表示不再继续输入,将用户输入的内容以表格形式打印from pre ...

HTML表格制作学习提示

HTML表格制作学习提示相关推荐

最新文章

热门文章