易截截图软件、单文件、免安装、纯绿色、仅160KB

Web开发 第一部分 HTML教程基础(九)表格

这一章我们介绍表格的使用方法。
前面学过的标签,只能将HTML内容按照“流式”的方式进行布局排版,所谓流式,即所有的HTML元素(标签元素和文本元素)都是依照“从左到右,从上到下”的方式来排列的,即便部分标签的align属性可以改变元素的对齐方式,但不能改变元素整体流式布局的特点。
本章学习的表格,则可以按照多行多列的方式,将元素进行二维布局。
表格是我们日常生活中非常常见的一种信息载体,例如学生信息表,成绩表,工资表等等,表格具有非常直观的特点,可以让信息阅读者有效地查找到自己需要的信息。
我们通过一些范例来介绍表格的基本使用方法:
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>表格</title>
</head>
<body>
<table align="center" width="80%" cellspacing="0" cellpadding="3" rules="group" border="1">
<caption>人员信息表</caption>
<thead>
<tr>
<th>编号</th>
<th>姓名</th>
<th>性别</th>
<th>年龄</th>
<th>电话</th>
</tr>
</thead>
<tfoot>
<tr align="right">
<td>&&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td align="right">合计人数:</td>
<td align="right">4</td>
</tr>
</tfoot>

<tbody>
<tr align="center" valign="middle">
<td align="right">1</td>
<td>小明</td>
<td>男</td>
<td>21</td>
<td align="right">15812345678</td>
</tr>
<tr align="center" bgcolor="#FEB4B9">
<td align="right">2</td>
<td>小李</td>
<td>女</td>
<td>18</td>


相关文档:

HTML 附录(2) HTML色彩空间

在HTML文档中,大部分元素都可以指定色彩,以表达其不同的含义,使整个文档看起来更加美观且具有层次感。例如body节点的text,link,alink,vlink属性,或者font节点的color属性,都可以用来改变其文本子节点的色彩。
HTML文档使用两种方式表达色彩信息:
命名色彩空间:在HTML文档中,定义了16种最常用的颜色,并赋予其色 ......

html object使用

HTML中object标签的详细用法 收藏
网页用的嵌入脚本,用来播放flash文件的,object是指对象的意思
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="780" height="160">
这句说明了所使用 ......

Html表格设置


一、表格中单元格之间分隔线的隐藏方法









这个表格去掉了单元格之间的纵向分隔线









这个表格去掉了单元格之间的横向分隔线

 
线

 
线



这个表格去掉了单元格之间的纵向分隔线和横向分隔线
其实上面的三个表格 ......

HTML中锚的使用

例如 ::
A  B  C  D
<a herf="index.asp#a1">A </a>
<a herf="index.asp#a2">B </a>
<a herf="index.asp#a3">C</a>
<a herf="index.asp#a4">D </a>
<a id="a1"></a>
<a id="a2"></a>
<a id="a3"></a>
< ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号