HTML表格(table)

1   <!DOCTYPE html>

2   <html>

3   <head>

4 <meta charset="utf-8">

5 <title>表格</title>

6 <link rel="stylesheet" type="text/css" href="">

7   </head>

8   <body>

9 <!-- 表格 -->

10 <table border="1" width="400px;" height="500px;">

11          <caption>表名</caption>

12          <!-- 表头th(table head) -->

13     <thead>

14 <tr>

15     <th>123</th>

16     <th>123</th>

17     <th>123</th>

18     <th>123</th>

19     <th>123</th>

20     <th>123</th>

21     <th>123</th>

22 </tr>

23     </thead>

24

25     <!-- 行tr(to right) -->

26     <tbody>

27 <tr border="1" style="text-align:center">

28     <!-- 列td(to down) -->

29     <td>123</td>

30     <td>123</td>

31     <td>123</td>

32     <td>123</td>

33     <td>123</td>

34     <td>123</td>

35     <!-- rowspan="数量(把多行合并成一行)-->

36     <td rowspan="2">123</td>

37 </tr>

38 <tr border="1" style="text-align:center">

39     <td>123</td>

40     <!-- colspan="数量(把多列合并成一列)-->

41     <td colspan="2">123</td>

42     <!-- <td>123</td> -->

43     <td>123</td>

44     <td>123</td>

45     <td>123</td>

46     <!-- <td>123</td> -->

47 </tr>

48    </tbody>

49 </table>

50   </body>

51   </html>

时间: 2024-08-11 03:35:38

HTML表格(table)的相关文章

表格(Table)隔行变色

在ASP.NET的Repeater控件,实现隔行变色,是极简单的事情.因为它有ListItemType.Item和ListItemType.AlternatingItem模版.如果在普通的表格(Table)来实现隔行变色,就得使用css样式与jQuery来解决.先来看看原始的表格样式: 打开视图: 在视图中,添加样式: 由于此视图是使用.getJSON()异步加载数据,因此得在加载完成之后,得马上给这个动态的表格添加上面的样式: 网页运行后的效果:

CSS属性之表格(Table)

CSS属性之表格(Table) HTML为表格定义了3个元素用于对行进行分组,它们是 thead (表头).tbody (表格主体).tfoot (脚注). 在HTML4中文档结构中的 tfoot 必须出现在 tbody之前,HTML5去掉了这个限制. 如果在源代码中没有写分组元素时,浏览器会自动创建 tbody ,所以选择器 table > tr 总是无效,因为中间有 tbody. 如果表格主体中的每一行都是以 td 元素开头,那这些 th 就是行标题. colgroup 与 col <co

web前端_表格table布局,同一列两个&lt;td&gt;之间有间隙解决办法。

同学接了个很简单的网站.结果在布局的时候发现网页头部和网页主体之间差不多有1px的间隙.怎么也去除不了,帮忙看了看,隋记录下来,是这样的,网页头部和主体分别在两个<td>中(使用table布局),贴上简单demo: 效果如下,间隙消失了,最重要的是红色矩形圈起来的那句. 如果去掉红色矩形圈起来的部分,效果如下: web前端_表格table布局,同一列两个<td>之间有间隙解决办法.

杂记c-----小写金额转化成大写数字;点击表格table时,当前被点击的tr行变色,其它行不变色;input隐藏显示

public string chang(string money) { //将小写金额转换成大写金额 double MyNumber = Convert.ToDouble(money); String[] MyScale = { "分", "角", "元", "拾", "佰", "仟", "万", "拾", "佰", "

用javascript动态创建并提交表单form,表格table

<script> //helper function to create the formfunction getNewSubmitForm(){ var submitForm = document.createElement("FORM"); document.body.appendChild(submitForm); submitForm.method = "POST"; return submitForm;} //helper function t

css列表list、表格table

列表list,无序列表ul,有序列表ol 1.列表项样式list-style-type 无列表默认为dist实心圆,有序列表默认为decimal阿拉伯数字(前面不带0) 其他无序列表常用none无样式,circle空心圆,square实心方块 有序列表常用decimal-leading-zero以0开头的数字,lower-roman.upper-roman小写.大写罗马数字,lower-alpha.upper-alpha小写.大写英文字母 ul.a {list-style-type: circl

表格Table和表单元素

1.相对路径与绝对路径 绝对路径 指带域名的文件的完整路径和磁盘中指定文件的全部路径 网址(网站的尾部)–a标签用的比较多 <img src="D:/2019/9/1.jpg" > <a href="http://www.baidu.com">百度一下</a> 相对路径 是指在同一个文件夹下,通过一个参考点来找到其他文件 返回上一级 ../ 同级之间直接写文件名 下一级用 / 2.标签的嵌套规范 1.块元素可以包含内联元素或某些块

表格&lt;table&gt;

table.tbody.tr.th.td 1.<table>-</table>:整个表格以<table>标记开始.</table>标记结束. 2.<tbody>-</tbody>:如果不加<thead><tbody><tfooter> , table表格加载完后才显示.加上这些表格结构, tbody包含行的内容下载完优先显示,不必等待表格结束后在显示,同时如果表格很长,用tbody分段,可以一部分一

Markdown之表格table的处理

插入表格代码如下: <table class="table table-bordered table-striped table-condensed"> <tr> <td>北京</td> <td>雾霾</td> </tr> <tr> <td>深圳</td> <td>暴雨</td> </tr> </table> 发现tab

WEB前端开发学习----2.HTML表格table标签

[html] view plaincopy css没用流行之前,网页都是用表格,也就是table标签制作的.虽然现在不用table做网页了,但是我们还是应该掌握这个标签.</span> 先给出最表格的基本格式: [html] view plaincopy <table> <tr> <tb> </tb> </tr> <table> 其中<tr>为行标签,即表格的行.<td>为单元格数据标签.也就是说一