第五章:表格
来源:互联网 发布:g92的编程实例 编辑:程序博客网 时间:2024/06/05 07:58
表格
表格标记:
- <table>
- <tr>
- <th>表头内容</th>
- <td>......</td>
- <td>......</td>
- <td>......</td> </tr>
- <tr>
- <td>......</td>
- <td>......</td>
- <td>......</td> </tr>
</table>
表格标题: <caption>标题内容</caption>
frame的属性
rules的属性
设置表格的单元格间距:
<table cellspacing="单元格间距>表格内容</table>(像素单位)
设置表格边框与内部文字间距:
<table cellpadding="边框与内部文字间距">表格内容</table>(像素单位)
设置表格内容的对齐属性:
<table align="left(左)|center(中)|right(右)>表格内容</table>
单行和单表格都可以设置等同于总表格属性修饰设置整行内容对齐属性:
<tr align="left|center|right"(默认为left)>行内表格内容</tr>
设置行内容在列方向上的对齐属性:
<tr valign="top(上)|middle(中)|bottom(下)[默认middle]>行内表格内容</tr>
设置单元格跨行:
<td rowspan="跨的行数">单元格内容</td>
设置单元格跨列:
<td colspan="跨的列数">单元格内容</td>
源代码如下:
<table width="600" border="1" align="left">
<caption>课程表</caption>
<tr>
<th>节次/日期</th>
<th>一</th>
<th>二</th>
<th>三</th>
</tr>
<tr>
<td>1</td>
<td>体育</td>
<td rowspan="2">数据结构</td>
<td>>web开发</td>
</tr>
<tr>
<td>2</td>
<td>英语</td>
<td>实验</td>
</tr>
<tr><td colspan="4" bgcolor="cornflowerblue">PS:在进行跨行跨列的操作时,在需要跨的行列的上一行必须留出空白单元格</td></tr>
</table>
阅读全文
0 0
- 第五章:表格
- 第五章jQuery对表单表格的操作及更多应用
- 锋利的Jquery【读书笔记】 -- 第五章 jQuery对表单表格的操作
- 《锋利的jQuery》第五章、 jQuery对表单和表格的操作
- SQL语言入门教程:第五课删除表格
- Bootstrap3.0学习第五轮(表格)
- EasyUI学习第五篇:Datagrid数据表格
- Bootstrap3.0学习第五轮(表格)
- [第五季]6.HTML表格标签
- Bootstrap3.0学习第五轮(表格)
- 第五章
- 第五章
- 第五章
- 第五章
- 第五章
- 第五章
- 第五章
- 第五章
- Linux_Pip(Requests, Selenium, Scrapy等) 安装笔记
- How to disable DRM
- 交叉编译opencv时候ffmpeg选项始终为no的解决方法
- SIMD单指令数据流(MMX、SSE2、NEON)
- Hibernate与Mybatis对比
- 第五章:表格
- AngularJs 公告栏及敏感字过滤
- JPush Java SDK 示例代码与简要注释
- Android 反编译自己挖的坑
- 操作系统
- 无线远传LORA水表是什么样的智能水表?
- DP:钢条切割问题
- n阶数字正方形/n阶数字三角形/n阶递减三角形/乘法表
- java中的方法调用-解析与分派