首页 web前端 html教程 HTML 初学者指南(九)

HTML 初学者指南(九)

Dec 23, 2016 pm 02:47 PM
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 作者不得不在

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

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

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


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

<== 表格定义的开始
<== caption 定义 

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

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

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

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

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

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

 以上就是HTML 初学者指南(九)的内容,更多相关内容请关注PHP中文网(www.php.cn)!


本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
4 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

HTML 中的表格边框 HTML 中的表格边框 Sep 04, 2024 pm 04:49 PM

HTML 表格边框指南。在这里,我们以 HTML 中的表格边框为例,讨论定义表格边框的多种方法。

HTML 中的嵌套表 HTML 中的嵌套表 Sep 04, 2024 pm 04:49 PM

这是 HTML 中嵌套表的指南。这里我们讨论如何在表中创建表以及相应的示例。

HTML 左边距 HTML 左边距 Sep 04, 2024 pm 04:48 PM

HTML 左边距指南。在这里,我们讨论 HTML margin-left 的简要概述及其示例及其代码实现。

HTML 表格布局 HTML 表格布局 Sep 04, 2024 pm 04:54 PM

HTML 表格布局指南。在这里,我们详细讨论 HTML 表格布局的值以及示例和输出。

在 HTML 中移动文本 在 HTML 中移动文本 Sep 04, 2024 pm 04:45 PM

HTML 中的文本移动指南。在这里我们讨论一下marquee标签如何使用语法和实现示例。

您如何在PHP中解析和处理HTML/XML? 您如何在PHP中解析和处理HTML/XML? Feb 07, 2025 am 11:57 AM

本教程演示了如何使用PHP有效地处理XML文档。 XML(可扩展的标记语言)是一种用于人类可读性和机器解析的多功能文本标记语言。它通常用于数据存储

HTML 有序列表 HTML 有序列表 Sep 04, 2024 pm 04:43 PM

HTML 有序列表指南。在这里我们还分别讨论了 HTML 有序列表和类型的介绍以及它们的示例

HTML onclick 按钮 HTML onclick 按钮 Sep 04, 2024 pm 04:49 PM

HTML onclick 按钮指南。这里我们分别讨论它们的介绍、工作原理、示例以及各个事件中的onclick事件。

See all articles