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>& </td>
<td> </td>
<td> </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>
相关文档:
ie通过,没写火狐部分
js部分
function setbox()
{
var thisf=this//自我复制,用于嵌入obj方法中去
this.sindex=1;this.moving=false;this.sizing=false;
this.show=function(o)
{
if(o.id)
{
if(document.getElementById(o.id))
{
var td=document.getElementById(o.id);
if(td.style ......
Html 标签中的Alt和Title
Alt和Title都是提示性语言标签,注意其区别。
在我们浏览网页时,当鼠标停留在图片对象或文字链接上时,在鼠标的右下角有时会出现一个提示信息框。对目标进行一定的注释说明。在一些场合,它的作用是很重要的。
alt 用来给图片来提示的。Title用来给链接文字或普通文字提示的。
用法如下:
......
'   Nonbreaking space
¡ ¡ ¡ Inverted exclamation
¢ ¢ ¢ Cent sign
£ £ £ Pound sterling
¤ ¤ ¤ General currency sign
¥ ¥ ¥ Yen sign
¦  ......
网页制作中,为了方便日后修改或协作开发,常常要对页面进行相应的注释,你网页结构清晰,可读性增强。以下介绍几种常用的注释方法:
一、HTML的注释方法
<!-- html注释:START -->
内容
<!-- html注释:END -->
二、CSS的注释方法
<style type="text/css">
/* css注释*/
</style>
在单独 ......