1、HTML的表格标签(table)制表
HTML(HyperText Markup Language),超文本标记语言,是为“网页创建和其他人可在网页浏览器中看到的信息”设计的一种标记语言。网页的本质就是超级文本标记语言,通过结合使用其他的Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。因而,超级文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。
HTML是一种建立网页文件的语言,透过标记式的指令(Tag,标签),将影像、声音、图片、文字、动画、影视和表格等内容显示出来。HTML的设计目标是显示数据并集中于数据外观,它的各种标签是预定义的,可以在网页中按规定的形式显示出来。HTML标签的语法规则和统计数据中所述可扩展标记语言(XML)一样,也必须成对嵌套出现。
HTML的表格标签(table)可以描述和显示各种统计表格,并且可以进行复杂的统计分析和计算。本教程中选择超文本标记语言的表格标签处理统计表格。
- 规范表格文本标记
例如,定义3行2列HTML表格文档代码如下,
<table border=1 cellspacing=0 cellpadding=5 width="50%">
<tr><th>姓名</th><th>民族</th></tr>
<tr><td>张三</td><td>汉族</td></tr>
<tr><td>李四</td><td>回族</td></tr>
</table>
显示效果如下,
姓名 | 民族 |
---|---|
张三 | 汉族 |
李四 | 回族 |
<table border=1 cellspacing=0 cellpadding=5 width="60%">
<tr><th>姓名</th><th>民族</th><th>籍贯</th></tr>
<tr><td>张三</td><td>汉族</td><td>长春</td></tr>
<tr><td>李四</td><td>回族</td><td>大连</td></tr>
</table>
显示效果如下,
姓名 | 民族 | 籍贯 |
---|---|---|
张三 | 汉族 | 长春 |
李四 | 回族 | 大连 |
定义带标题的HTML表格文档代码如下,
<table border=1 width="60%"><caption><i>这是我的标题</i></caption>
<tr><td>100</td><td>200</td><td>300</td></tr>
<tr><td>400</td><td>500</td><td>600</td></tr>
</table>
显示效果,
100 | 200 | 300 |
400 | 500 | 600 |
-
HTML表格基本框架
表格标签:<table> ... </table>
行标签:<tr> ... </tr>
列标签:<td> ... </td>
嵌套规则:表格标签嵌套行标签,行标签嵌套列标签。任何标签必须成对出现。 -
HTML表格修饰
标题标签:<caption> ... </caption>,标题标签应紧随表格开始标签。
标题行标签:<th> ... </th>,表格第一行为标题行,将列标签<td> ... </td>改为<th> ... ,该行文字变为加粗黑体显示。表格属性
border:表格边框宽度,取值为正整数,数值越大表格4边框越宽。
width:表格宽度。有相对和绝对值两种表示方法。“width=100%”- 取相对值,表示表格占页面宽度的100%;“width=300px”- 取绝对值,表示表格宽度为300个像素单位。
cellpadding:单元格边距,控制表格数据和边框间距,取值为正整数,数值越大表格内数据和边框间空间越大。
cellspacing:单元格间距,取值为正整数,数值越大表格各单元格之间空白越大。取值为0时单元格间无空白,表格线为实线。
2、LaTeX表格处理
关于LaTeX介绍参见银河统计之网络统计公式。
一般LaTeX表格
<img src='http://latex.codecogs.com/gif.latex?
egin{tabular}{|c|c|c|}
hline 7&5&3\
hline 6&1&8\
hline
end{tabular}'/>
显示,
无线LaTeX表格
<img src='http://latex.codecogs.com/gif.latex?
egin{tabular}{ccc}
2&9&4\
7&5&3\
6&1&8\
end{tabular}
'/>
显示,
跨列LaTeX表格
<img src='http://latex.codecogs.com/gif.latex?
egin{tabular}{|c|c|c|}
hline multicolumn{2}{|c|}{100} &3\
hline 7&5&3\
hline 6&1&8\
hline
end{tabular}'/>
显示,
开口式统计表1
<img src='http://latex.codecogs.com/gif.latex?
egin{tabular}{c|ccc}
hline 2&9&4&5\
hline 7&5&3&8\
6&1&8&4\
hline
end{tabular}'/>
显示,
开口式统计表2
<img src='http://latex.codecogs.com/gif.latex?
egin{tabular}{c|cc|c}
hline 2&9&4&5\
hline 7&5&3&8\
6&1&8&4\
hline
2&4&5&7\
hline
end{tabular}'/>
显示,