网络统计表格

(2016-10-18 银河统计)

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>

显示效果如下,

姓名民族
张三汉族
李四回族
注:本文中表格显示样式为博客园统一样式,自定义特色表格参见[银河统计之统计表格](http://www.galaxystatistics.com/webTJX/mobile/tjxTable.html)

定义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>

显示效果,

这是我的标题
100200300
400500600
  • 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}'/>

显示,

更多网络统计表格参考资料、显示效果及实际练习工具参见银河统计之统计表格银河统计之统计公式

原文地址:https://www.cnblogs.com/cloudtj/p/5971941.html