HTML5技术

HTML 初学者指南(9)_HTML基础入门教程

字号+ 作者:H5之家 来源:H5之家 2015-09-23 10:05 我要评论( )

HTML 初学者指南(9),学习HTML 初学者指南(9),HTML 初学者指南(9),查看HTML 初学者指南(9),HTML简介,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.



 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评