Html中Table的简单使用

虽然Table布局已经过时,偶尔还是会用到,简要实用代码,如下:

 1 <table border="1" cellpadding="0" cellspacing="0" style="text-align:center;border-collapse:collapse;">
 2     <thead style="background-color:#B0C4DE;font-weight:bold;">
 3         <tr style="height:50px;">
 4             <td style="width:200px;">描述</td>
 5             <td style="width:200px;">状态</td>
 6             <td style="width:300px;">备注</td>
 7         </tr>
 8     </thead>
 9     <tbody>
10         <tr style="height:40px;">
11             <td></td>
12             <td></td>
13             <td></td>
14         </tr>
15         <tr style="height:40px;">
16             <td></td>
17             <td></td>
18             <td></td>
19         </tr>
20         <tr style="height:40px;">
21             <td rowspan="2"></td>
22             <td></td>
23             <td></td>
24         </tr>
25         <tr style="height:40px;">
26             <td colspan="2"></td>
27         </tr>
28     </tbody>
29 </table>

描述 状态 备注
     
     
     
 

延伸参考:http://www.ruanyifeng.com/blog/2009/05/html_table_mastering.html

时间: 2025-01-01 20:58:41

Html中Table的简单使用的相关文章

Oracle中Table函数简单应用实例

说明 表函数可接受查询语句或游标作为输入参数,并可输出多行数据. 该函数可以平行执行,并可持续输出数据流,被称作管道式输出. 应用表函数可将数据转换分阶段处理,并省去中间结果的存储和缓冲表. 优势 1.一些复杂的公用信息,但是建立视图又实现不了,此时可以考虑使用管道输出. 2.涉及运算较多,写个简单SQL实现起来较为麻烦,用table实现就ok了 实例 1.前期工作: create or replace type ty_row as object ( col1 varchar2(36), col

Oracle中的存储过程简单例子

---创建表 create table TESTTABLE ( id1  VARCHAR2(12), name VARCHAR2(32) ) select t.id1,t.name from TESTTABLE t insert into TESTTABLE (ID1, NAME) values ('1', 'zhangsan'); insert into TESTTABLE (ID1, NAME) values ('2', 'lisi'); insert into TESTTABLE (ID1

MVC中使用MVCPager简单分页

一.建立数据库以及建立MVC项目 自己随便建立一个数据库,并且添加数据.我建立的数据库如下. 二.建立LINQ to SQL映射. 然后一步步点确定 三.编写代码 在Controllers中建立控制器,模板为空.建立的项目如下: 要添加视图Index 在Controller中选中Index 并且添加视图, 模板选中List, 如下 注意后台要添加对MvcPager的程序集引用,后台代码如下: using Webdiyer.WebControls.Mvc; public class Student

我教女朋友学编程html系列(5) html中table的用法和例子

女朋友不是学计算机的,但是现在从事计算机行业,做技术支持,她想学习编程,因此我打算每天教她一点点,日积月累,带她学习编程,如果其他初学者感兴趣,可以跟着学. 为了将table介绍的简单.生动,具有实战性,我花了3个半小时,写了5个列子,把table的一些重点知识讲了一下,直接看代码吧,一边看一边跟着敲,多动手练习. 1,边框不重叠的3行3列表格 <html> <head> <title> html中table的用法和例子 </title> </head

Html中table标签

<table>标签定义html中表格. 简单的html表格是有一个或者多个<table>标签由<th>.<tr>或<td>元素组成. <tr>元素定义表格行,<td>元素定义表格列,<th>元素定义表头. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title><

asp.net html中table数据转换为数组传给后台

在html中如有table表格,进行填写.如果每个填写值都用juqery获取name属性进行获取值,之后再传输给后台这样比较麻烦. 有一个简单的方式就是利用jquery获取table的每一行,赋值到数组里面利用Ajax传输给后台. 1.html中table代码 <table class="table table-bordered physical_table"> <thead> <tr><th>姓名</th><th>

java中,一个简单但出错率又大的‘加法’题,1+1+&#39;1&#39;+1+1+1+1+&quot;1&quot;=?

1+1+'1'+1+1+1+1+"1"=? 结果是多少?很多人看了题之后,可能会说结果是71.  当然有的童鞋可能会说很简单,放工具里运行一下就知道结果了,如果不运行代码,你会得出一个什么样的结果呢? 如果告诉你答案是551,会迷惑么?怎么会得出551? 下面我们来看看怎么算的: 1.我们大家都知道1 .'1'."1"的区别,1 表示一个int类型,’1'是表示一个char类型,"1" 表示一个字符串类型. 2.1+1+'1'+1+1+1+1+&

多线程(三) java中线程的简单使用

============================================= 原文链接:多线程(三) java中线程的简单使用 转载请注明出处! ============================================= java中,启动线程通常是通过Thread或其子类通过调用start()方法启动. 常见使用线程有两种:实现Runnable接口和继承Thread.而继承Thread亦或使用TimerTask其底层依旧是实现了Runnabel接口.考虑到java的

Mac中Git的简单实用(6) --- 分支管理策略

今天我来介绍下Git,Git是一款免费.开源的分布式版本控制系统. 我们在上一个学习了Git分支冲突管理. 这一章,我们要学习Git的Fast-forward模式.保存恢复现场 .测试的feature分支. Mac中Git的简单实用(1) - Git基本命令(1) Mac中Git的简单实用(2) - Git基本命令(2) Mac中Git的简单实用(3) - Github远程仓库 Mac中Git的简单实用(4) - 分支branch管理 Mac中Git的简单实用(5) - Git分支冲突管理 1.