您的位置: 首页 > 技术文档 > 网页制作 > HTML 初学者指南
下拉菜单全攻略 回到列表 Windows 桌面风格页面制作点滴
 HTML 初学者指南

作者: 时间: 2003-06-26 文档类型: 来自:

第 1 页 HTML 初学者指南(一)
第 2 页 HTML 初学者指南(二)
第 3 页 HTML 初学者指南(三)
第 4 页 HTML 初学者指南(四)
第 5 页 HTML 初学者指南(五)
第 6 页 HTML 初学者指南(六)
第 7 页 HTML 初学者指南(七)
第 8 页 HTML 初学者指南(八)
第 9 页 HTML 初学者指南(九)
第 10 页 HTML 初学者指南(十)

指明一个到QuickTime 电影的链接. 一些通常的文件类型和其扩展名为:

文件类型 扩展名
纯文本plain text .txt
HTML 文档 .html
GIF 图象 .gif
TIFF 图象 .tiff
X 位图图象 .xbm
JPEG 图象 .jpg 或 .jpeg
PostScript 文件 .ps
AIFF 声音文件 .aiff
AU 声音文件 .au
WAV 声音文件 .wav
QuickTime 电影 .mov
MPEG 电影 .mpeg 或 .mpg

记住你假设的读者和他们使用的软件. 例如,多数UNIX 工作站不能播放QuickTime 电影.

表格Tables
在 HTML 制定表格标记之前, HTML 作者不得不在<PRE> 标记中仔细安排他们的表格式的信息,计算空格的个数,预览输出效果。表格不仅对描述表格式信息十分有用,对于那些经常性的 HTML 作者来说,它可以使他们可以方便地完成大量的 Web 页. (请看 NCSA Relativity Group's pages ,一个很好的例子.)

根据下面的编码解释考虑你的表格式信息. 一个表格得有一些表头,用于说明每行/列包含什么内容,行rows表示信息, 单元cells表示每个项. 在下面的表格中, 第一列包含表头信息, 每行说明一个 HTML 表格标记, 每个单元含有一对标记或者对标记功能的解释.

表格元素
元素 描述
<TABLE> ... </TABLE> 定义一个表格。 如果使用了 BORDER 属性, 浏览器显示一个带边界的表格.
<CAPTION> ... </CAPTION> 定义表格标题的caption . 标题的缺省位置在表格的顶部. 属性 ALIGN=BOTTOM可以用于指定标题显示在表格底部
注:caption标记内可以使用任意其他标记.
<TR> ... </TR> 说明表格中的一行. 你可以定义整个行的缺省属性: ALIGN (LEFT, CENTER, RIGHT) 和/或 VALIGN (TOP, MIDDLE, BOTTOM). 详细内容参考本表格末尾的"表格属性"部分.
<TH> ... </TH> 定义一个表格头单元. 缺省状态该单元的文本为粗体居中. 该单元可以包含其他属性,说明单元属性和/或单元内容. 详细内容参见本表格底部的"表格属性"部分.
<TD> ... </TD> 定义一个表格数据单元. 缺省情况下该单元内的文本为水平方向靠左对齐, 垂直方向居中排放. 该单元可以包含其他属性,说明单元属性和/或单元内容. 详细内容参见本表格底部的"表格属性"部分.
表格属性
注: 在<TH> ... </TH> 或 <TD> ... </TD> 单元中定义的属性将覆盖( override ) <TR> ... </TR>中的缺省定义.
属性 描述
ALIGN (LEFT, CENTER, RIGHT)
VALIGN (TOP, MIDDLE, BOTTOM)
COLSPAN=n
ROWSPAN=n
NOWRAP
一个单元的水平位置分配.
一个单元的垂直位置分配.
一个单元跨多少列(n).
一个单元跨多少行(n).
关闭一个单元中的自动换行(word wrapping).


通用表格格式
一个表格的通用格式形式为:

<TABLE> <== 表格定义的开始
<CAPTION> caption 内容 </CAPTION> <== caption 定义

<TR> <== 第一行定义的开始
<TH> 单元cell 内容 </TH> <== 第一行的第一个单元 (一个头head)
<TH> 单元内容 </TH> <== 第一行最后一个单元(一个头 head)
</TR> <== 第一行定义的结尾
<TR> <== 第二行定义的开始
<TD> 单元内容 </TD> <== 第二行第一个单元
....
<TD> 单元内容 </TD> <== 第二行最后一个单元
</TR> <== 第二行定义的结尾
<TR> <== 最后一行定义的开始
<TD> 单元内容 </TD> <== 最后一行第一个单元
...
<TD> 单元内容 </TD> <== 最后一行最后一个单元
</TR> <== 最后一行定义结尾
</TABLE> <== 表格定义结束
<TABLE> 和 </TABLE> 标记必须把整个表格括起. 表格中的第一个项是 CAPTION, 它是可选部分. 然后你可以用 <TR> 和 </TR> 标记定义任意多行. 在一行内也可以有用<TD>...</TD> 或 <TH>...</TH> 标记定义的任意数目的单元. 表格中的每一行在本质上是和它的上下行独立编排格式的. 这使得你可以很容易地显示象上文中的只有一个单元的表格, 例如表格属性, 跨越表格中的多个列.

非表格式信息使用的表格
有些 HTML 作者使用表格描述非表格化信息. 例如, 因为链接可以包含在表格单元中, 一些作者使用没有边界的表格组合一些分离的图象创建“一个”图象. 可以显示表格的浏览器可以无缝隙地显示这些实际分离的图象, 使得合成的图象类似于一个 图象映象image map (一个带有矩形超链区域的图象).

使用带有图象边界的表格也可以得到很好的显示效果. 不妨试一试,看看自己喜欢哪种风格.

填充 Form (Fill-out Forms)
Web form 使读者可以向 Web 服务器返回信息以产生某种动作. 例如, 假设你想收集名字和电子邮件地址以便向提出要求的读者发送电子邮件. 对每个输入他/她的姓名和地址的人, 你需要得到要发送的信息和加到数据库中的响应者的项目.

这种输入数据的处理工作通常是由script(描述式语言:译者注)描述函数或者用 Perl 或其他处理文本,文件和信息的语言编写的程序来完成的. 如果你写不出能够处理输入数据的程序或script函数, 你就得找其他人替你完成.

Form 本身倒是比较简单. 它们也使用 HTML 标记来生成. 可能不同的地方在于接受并处理递交数据的程序或script描述函数. 由于需要说明专门的处理输入信息的script描述函数, 在本指南中不讨论 填充forms.

出处:
责任编辑:冬儿

上一页 HTML 初学者指南(八) 下一页 HTML 初学者指南(十)

◎进入论坛网页制作网站综合版块参加讨论

相关文章 更多相关链接
XHTML基础问答-给初学者
HTML 标签是否匹配检测代码
将HTML自动转为JS代码
匹配html标记的正则
网页设计中Html使用的一些问题
作者文章
HTML 初学者指南
关键字搜索 常规搜索 推荐文档
热门搜索:CSS Fireworks 设计比赛 网页制作 web标准 用户体验 UE photoshop Dreamweaver Studio8 Flash 手绘 CG
站点最新 站点最新列表
周大福“敬•自然”设计大赛开启
国际体验设计大会7月将在京举行
中国国防科技信息中心标志征集
云计算如何让安全问题可控
云计算是多数企业唯一拥抱互联网的机会
阿里行云
云手机年终巨献,送礼标配299起
阿里巴巴CTO王坚的"云和互联网观"
1499元买真八核 云OS双蛋大促
首届COCO桌面手机主题设计大赛
栏目最新 栏目最新列表
浅谈JavaScript编程语言的编码规范
如何在illustrator中绘制台历
Ps简单绘制一个可爱的铅笔图标
数据同步算法研究
用ps作简单的作品展示页面
CSS定位机制之一:普通流
25个最佳最闪亮的Eclipse开发项目
Illustrator中制作针线缝制文字效果
Photoshop制作印刷凹凸字体
VS2010中创建自定义SQL Rule
>> 分页 首页 前页 后页 尾页 页次:9/101个记录/页 转到 页 共10个记录

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
网站可用性测试及优化指南
《写给大家看的色彩书1》
《跟我去香港》
众妙之门—网站UI 设计之道
《Flex 4.0 RIA开发宝典》
《赢在设计》
犀利开发—jQuery内核详解与实践
作品集 更多内容

杂⑦杂⑧ Gold NORMANA V2