转至繁体中文版     | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告:     敏韬网|教学资源学习资料永久免费分享站!  [mintao  2008年9月2日]        
您现在的位置: 学习笔记 >> 图文教程 >> 站长学院 >> Web开发 >> 正文
HTML 初学者指南(9)         ★★★★

HTML 初学者指南(9)

作者:闵涛 文章来源:闵涛的学习笔记 点击数:669 更新时间:2009/4/23 11:13:32
指明一个到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.  


[Web开发]IIS下下伪静态html(URL Rewrite)设置方法  [网页制作]什么是XHTML、为什么要使用XHTML
[Web开发]XML与HTML在语法上的主要区别详解  [常用软件]网页版权保护专家 HTML Guard
[VB.NET程序]压缩 Html  [网页制作]浅淡PHP生成HTML的思路
[网页制作]HTML 标签是否匹配检测代码  [网页制作]将 html 转成 ubb代码的小脚本
[网页制作]WEB高手培训班之HTML篇  [网页制作]HTML Form issue
教程录入:mintao    责任编辑:mintao 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      注:本站部分文章源于互联网,版权归原作者所有!如有侵权,请原作者与本站联系,本站将立即删除! 本站文章除特别注明外均可转载,但需注明出处! [MinTao学以致用网]
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    同类栏目
    · Web开发  · 网页制作
    · 平面设计  · 网站运营
    · 网站推广  · 搜索优化
    · 建站心得  · 站长故事
    · 互联动态
    更多内容
    热门推荐 更多内容
  • 没有教程
  • 赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题,因而无法显示。

    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright @ 2007-2012 敏韬网(敏而好学,文韬武略--MinTao.Net)(学习笔记) Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长:MinTao ICP备案号:鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网A打造BCD……
    咸宁网络警察报警平台