网络统计表格
![](https://files.cnblogs.com/files/cloudtj/copyright.gif)
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>
显示效果如下,
姓名 | 民族 |
---|---|
张三 | 汉族 |
李四 | 回族 |
定义3行3列HTML表格文档代码如下,
<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?
\begin{tabular}{|c|c|c|}
\hline 7&5&3\\
\hline 6&1&8\\
\hline
\end{tabular}'/>
显示,
无线LaTeX表格
<img src='http://latex.codecogs.com/gif.latex?
\begin{tabular}{ccc}
2&9&4\\
7&5&3\\
6&1&8\\
\end{tabular}
'/>
显示,
跨列LaTeX表格
<img src='http://latex.codecogs.com/gif.latex?
\begin{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?
\begin{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?
\begin{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}'/>
显示,
相关文章
- PTA团体程序设计天梯赛-练习集:L1-003 个位数统计
- 数据分析-day06-pandas-dataFrame案例分析1(方法二):获取title字段中包含物流运输业名称作为分类,统计各个分类的条数,
- Hadoop 统计文件中某个单词出现的次数
- Flink 学习 — Mac 上搭建 Flink 1.6.0 环境并运行单词统计程序
- JavaScript统计数据处理(5)- 类的封装和继承
- 统计学习方法(二)感知器C语音实现
- 无障碍开发(十六)之常见的信息无障碍缺陷分类统计
- Flink大数据实时计算系列-第一个程序JAVA版本-分组统计 lambda写法
- 移动数据统计平台分析
- 【华为OD机试真题 Java】优秀学员统计 (A卷2022Q4)
- 自动维护任务收集的统计信息和手工收集时的差别
- [统计信息系列3] 索引的统计信息
- iOS开发之集成友盟应用统计