标题标题  显示论坛会员列表名单  搜索论坛搜索  HelpHelp
  注册注册  登入登入
ASP教学区
 DoReMe : ASP教学区
主题 话题: 第五章 初级HTML 回复发表新主题
作者
贴子内容 << Prev Topic下一个主题 >>
koioggo
Groupie
Groupie


加入: 2004/5月/22
Online Status: Offline
回复: 58
Posted: 2004/11月/16 12:12下午 | IP记录 引用 koioggo

阅读本章以后,你将对应用于环球网上的超级文本标记语言(HTML)有一个基本的了解。你将学习怎样在你自己的网页上使用颜色, 格式文本,超连接和图象。

如果你已经熟悉HTML,你只需要粗略浏览本章,或干脆跳过本章直接进入本书的下一部分。如果你对HTML掌握不牢靠,你就要仔 细阅读本部分。牢固地掌握本章及下一章所讲述的内容对于学习Active Server Pages编程是非常重要的。

在本章中,你将会学到创建一个简单的网页所需的全部内容。在阅读的过程中,应该经常实验本章所讲述的技术。时时刻刻去使用一种新 的计算机语言是学习它的最有效的方法。

什么是HTML文件?

HTML文件是被网络浏览器读取,产生网页的文件。从本质上来说,环球网只是一个由HTML文件及一系列传输协议所组成的集合。 这些HTML文件存储在分布于世界各地的计算机的硬盘上,而传输协议能把这些文件从一台计算机传输到另一台计算机。

网络浏览器,例如Netscape Navigator或Microsoft Internet explorer,能够解释HTML文件来显示网页,这是网络浏览器的主要作用。当你使用浏览器在环球网上浏览网页时,浏览器软 件就自动完成HTML文件到网页的转换。

来查看一个HTML文件的例子。打开你喜爱的网络浏览器,在浏览器的地址输入框内敲入:http://www.aspsite.com/hello.cfm来进入Active Server Pages的网点(你的计算机应该已连上了Internet)。当在屏幕上显示了此网页后,从网络浏览器的菜单条上选择View Source命令。此时屏幕上就会弹出一个新的窗口并显示一些古怪的文字。你所看到的这些文字就是HTML文件。

 

Back to Top 查看 koioggo's 资料 搜索其它贴子 koioggo 访问 koioggo's
 
koioggo
Groupie
Groupie


加入: 2004/5月/22
Online Status: Offline
回复: 58
Posted: 2004/11月/16 12:12下午 | IP记录 引用 koioggo

介绍HTML标识符

HTML文件与其它文本文件不同,因为HTML文件中包含了一种称为HTML标识符的特殊符号。如果你仔细查看你刚刚用View Source命令获得的HTML文件,你不难发现一些用一对尖角形括号括起来的文字(<and>)。这就是HTML 标识符通常的特征。下面是一个HTML标识符以及由它所修饰的文本的例子:

<B> This is bold</B>

在此例中,<B>是用来建立粗体文本的标识符。如果你在<B>和</B>标识符中敲入一些 文本,这些文本在浏览器上显示出来就是粗体的。这也说明了HTML标识符的另一个基本特征:大部分HTML标识符是成对出现的, 并且像一个容器的作用一样。在本例中,标识符〈B>告诉网络浏览器何时用粗体来显示文本,标识符</B>告诉 浏览器何时停止用粗体来显示文本。由于它们是这样起作用的,所以<B>被称为容器标识符。

注意

不同的浏览器可能对某些特殊的HTML标识符用不同的方法来解释,而有时就无法解释。例如有些浏览器就不能解释<FONT >标识符。详细信息可查看下面的章节「HTML标准」。

 

 

下面是一个稍微复杂点的HTML标识符例子:

<FONT COLOR=」RED」> I am red </FONT>

此句被网络浏览器解释时,I am red将以红色显示出来。〈FONT>标识符的COLOR属性告诉浏览器用何种颜色来显示文本。此标识符又说明了HTML 标识符另一个通常的特征:大部分HTML标识符都有一个或多个属性,来决定标识符的行为。COLOR属性只是<FONT& gt;标识符的许多属性之一,下面的例子使用了另一个属性:

<FONT COLOR="GREEN" FACE="ARIAL"> My name is Arial and I am green. </FONT>

在此例中,这个句子将以Arial字体,用绿色显示出来。COLOR和FACE都是<FONT>标识符的属性,「G REEN」和「ARIAL」是这两个属性的值。COLOR属性决定了文本以何种颜色显示出来,而FACE属性决定了文本显示的字 体。

属性在HTML标识符中出现的顺序是不重要的。通常你可以将属性值用引号扩起来也可以不扩起来。因此在网络浏览器上下面的两个句 子显示出来的效果是一样:

<FONT COLOR="GREEN" FACE="ARIAL"> My name is Arial and I am green. </FONT>

<FONT COLOR=GREEN FACE=ARIAL> My name is Arial and I am green. </FONT>

当然,你最好养成将属性值用引号扩起来的习惯,因为在某些个别情况下,扩与不扩是有区别的。

注意

什么时候给属性值加与不加引号会有区别,有下面两种情况:

1.当您想在属性值中包含空格时候,你必须用引号括起来,如下面的例子:

<INPUT TYPE =SUBMIT VALUE=Submit Me!>

如果你想在这个按钮上显示出Submit Me!的字样而不是Submit,那么你就需要用引号将此属性值括起来:

<INPUT TYPE =SUBMIT VALUE=」Submit Me!」>

2.这种情况涉及到ASP脚本标识符可能产生的歧义。例如,下面看似正确的语句就可能被ASP误解:

<HR WIDTH=100%>

问题在于符号%>在ASP中有特殊的含义,符号%>在ASP中是一个用于结束服务器端脚本的标识符。只要用引号将属 性值扩起来,问题就解决了:

<HR WIDTH=」100%」>

 

HTML标识符是不区别大小写的,这意味著你在输入HTML标识符时不用管插入的字符是大写的还是小写的,下面的例子与上面的语 句在浏览器上显示的效果是完全一样的:

<FoNt FaCe=」Arial」 cOLor=」GREeN」> My name is Arial and I am green </fOnT>

当然,处于HTML标识符之间的文字大小写是有区别的,如果你全敲入大写MY NAME IS ARIAL AND I AM GREEN. 浏览器将会以大写显示这些文字。

在HTML中,一个空格与两个或多个空格的效果是一样的,网络浏览器忽略HTML文件中的多余空格,这对HTML初学者来说是一 个较难掌握的规则。请看下面的HTML语句:

I am compact </B>

<B> I am spread all the way across the page </B>

第二个句子包括很多空格,但在网络浏览器上显示时,两个句子中多余的空格都会被忽略掉,变为:

I am compact I am spread all the way across the page

图5.1说明了在浏览器上显示的结果。

当然,一个空格与两个或多个空格具有相同的效果并不意味著空格是不重要的。你可以在前面那个句子中再敲入几个空格,使它变为如下 HTML的语句:

<B> I a m com pact </B>

当它在浏览器上显示时,你会看到图5.2所示。

注意我们新加入的这几个空格,他们将会在你所希望的地方显示出来,如果你在这些空格后再加入更多的空格,那么,这些多余的空格将 会被忽略掉。

网络浏览器也会忽略HTML文件中的回车键及制表键,因此你可以在HTML文件中加入任意多的空行及制表符,浏览器将不会显示它 们。但是,你还是应当避免使用制表符,因为在高版本的HTML中,制表符可能被赋予特殊的含义。

 

 

图5.1 网络浏览器忽略HTML文件中的多余空格

 

 

图5.2 网络浏览器并不忽略HTML文件中的所有空格

网络浏览器忽略多余的空格键及回车键的特性对于建立可读性强的HTML文件是很有用的。您可以自由的在你的文件中使用空格和空行 来使得你的文档简明易读。

Back to Top 查看 koioggo's 资料 搜索其它贴子 koioggo 访问 koioggo's
 
koioggo
Groupie
Groupie


加入: 2004/5月/22
Online Status: Offline
回复: 58
Posted: 2004/11月/16 12:13下午 | IP记录 引用 koioggo

HTML标准

在世界的任何一个角落,每个网络浏览器都以同一种方式显示HTML文件。理想情况下,任何一台计算机上的任何一个浏览器软件对每个 HTML标识符应当以相同的方式解释,并有相同的效果。然而,我们的现实世界却存在三个缺陷。

首先,HTML是一个不断发展的标准。随著时间的推移,越来越多的标识符被加入到了HTML规范中。例如<FONT> ;标识符就是一个新的标识符。旧版的浏览器不能识别新的标识符,因而忽略它们。

当你创建你自己的主页时,你不能希望世界上的每个人都在使用与最新的规范兼容的网络浏览器。例如,Microsoft在他们最初 版本的Windows 95中附带的浏览器软件(Microsoft Internet Explorer 2.0)就不能正确识别所有包含在最新规范中的标识符。使用这种浏览器的人(这样的人有不少)就不能从网络上获得更多的乐趣。当 你设计你自己的主页时,你应当时时为这些使用旧版本浏览器的不幸的人们着想。

注意

World Wide Web Consortium (W3C) 是保存HTML标准的机构。在写这本书时,发布的HTML最新标准是3.2。HTML发展非常快,因此很快一个新版本的HTML 就要出台了。要查询最新版本的HTML规范,请浏览W3C的主页: http://www.w3.org

即使每个人都有一个能对最新的HTML规范正确解释的浏览器,问题还是存在的。Microsoft和Netscape一直忽略网 络标准,他们都在自己新版的网络浏览器中加入了它们各自的HTML标识符。

他们的动机并不是恶毒的,Microsoft和Netscape都想占有浏览器市场,而能控制市场的浏览器软件将会是那些能解释 更多标识符的软件。这种控制浏览器市场的竞争所造成的后果就是浏览器软件的特殊化及与HTML规范不合拍。某些HTML标识符只 能在Netscape Navigator上才能执行,而另一些只在Internet Explorer才能起作用。这种情况对于设计网页的人来说是很头疼的。

最后,既使是世界上的每个人都使用最新版本的Netscape Navigator而不用其它软件来浏览网页,还是有问题存在的。每台计算机是独立,它们运行不同的操作系统,具有不同的屏幕显 示特性。如果你使用同一个版本的软件来浏览同一个主页,但一次是在UNIX机器上,而另一次是在Windows机器上,你就会发 现一些显示上的细微差别。比如,文本的背景颜色在两台机器上显示出来是不同的,这种差别是由两种操作系统用不同的方法画屏幕象素 所引起的,是不可避免的。

更重大的差别是不同机器上的显示模式。理论上来说,网页在任何尺寸的屏幕上显示出来都应该是一样,但在实际中,如果你的计算机显 示器比我的分辨率高,你和我就会看到主页不同的显示效果。让我们来看看世界上各种不同形式的显示器,一些人使用大尺寸的三十英寸 显示器来浏览主页,而另一些人用手持式计算机的LCD屏幕来浏览同一主页,适合这种屏幕的主页肯定不会适合那种屏幕。

更进一步说,计算机显示器常常以不同的方式来显示色彩,一些显示器只能显示256种色彩,而另一些则能显示三百万种之多。而且人 们也常常调整它们的显示器来显示同一颜色的浓淡程度。既使你有一台和我一样的显示器,我们对他们的调整也会不同。另外,苹果计算机 显示色彩的方式与运行Windows的计算机很不一样。

因此,以下三种因素导致了在所有计算机上使用各种浏览器软件会对网页有不同的显示效果:

■ 低版本的浏览器软件不能解释所有的最新HTML规范中的标识符。

■ Netscape和Microsoft在他们各自的浏览器软件中引入了专门的标识符。

■ 使用不同操作系统及显示器的计算机以不同的方式来显示网页。

面对这些问题,一个优秀的网页设计者应该如何去做?我们可以设想,如果你花费了大量的时间和精力来设计你的网页,一定希望世界上 每个人都以你所预料的方式来浏览它们。但是对于上诉的种种问题,你将怎样保证这一点呢?答案是简单的,那就是你无法做到。

许多狂热的正统主义者拒绝使用那些不能被任何一个早版本的网络浏览器所识别的HTML标识符,他们拒绝使用任何一个非HTML规 范的标识符,包括所有Netscape和Microsoft自己的独家标识符。虽然这种设计网页的方法能给你一种控制大局的心理 感受,但这种方法使网页变得枯燥乏味。

对于使用何种HTML标识符并没有一个简单的答案。你应当考虑你的网页会被哪里些人游览以及他们最可能会使用那种浏览器,你也应当 确定那些HTML标识符是你必须使用的。在阅读随后的几章之后你会对如何使用各种不同的HTML标识符有一个更深的了解。

通常情况下,设计一个能被尽可能多的浏览器识别的网页是设计的基本原则。现在最流行的浏览器软件是Netscape Navigator,Internet Explorer及America Online browser。如果你设计的网页在这些浏览器的当前版本上能正确显示,那么你的网页是较好的。

大部分显示器在一行上至少有640个像素,一些网页为这些种分辨率做了优化。而另一些网页非要在一行至少有800个像素的分辨率 的屏幕上才能正确显示。因此你必须再一次考虑你的观众,估计他们最可能使用何种类型的显示器。

Back to Top 查看 koioggo's 资料 搜索其它贴子 koioggo 访问 koioggo's
 
koioggo
Groupie
Groupie


加入: 2004/5月/22
Online Status: Offline
回复: 58
Posted: 2004/11月/16 12:15下午 | IP记录 引用 koioggo

创建基本的网页

学习怎样用HTML创建网页的最好方法就是从一个非常简单的例子开始。下面所示的上一个最简单的网页所需的最少代码:

<TITLE> Minimal Web Page </TITLE>

Hello World!

要创建这个HTML文件,运行Windows的Notepad程序,并输入上述的两行文本。输入完毕后,以文件名Mypage. cfm将你输入的内容保存到硬盘上。下一步,运行你喜爱的浏览器软件(如Netscape Navigator或Internet Explorer)并在地址输入框中输入此文件的全路径。例如,如果你将上述HTML文件保存在c:\mypage.cfm,你 应该在地址输入框中输入c:\mypage.cfm来将你的网页调入浏览器。你将在屏幕上看到如图5.3那样。

 

图5.3 你的第一个HTML文件

没有人会怀疑这是一个枯燥乏味的网页,它只显示了一行文本:Hello World! 然而,创建它的过程却说明了一些重要的方面。

首先,你应该注意到创建这个网页和使用浏览器浏览这一页时,你并不需要将你的计算机与Internet相连。网络浏览器从你本机 的硬盘上读取文件与从Internet上获取文件是一样的。浏览器对于你给它的任何文件都认真地进行解释,而不管这些文件是从哪里 里来的。

注意

从技术上说,我们这个超小型的网页还未完成,根据HTML规范参考,每个HTML文件都应当以<!DOCTYPE> 申明标识符开始,它表明了使用的HTML的版本。然而,这个HTML标识符对网页并不起任何作用,大部分网页制作者都将它忽略了 (因为懒惰)。关于使用这个标识符的更进一步的信息可参阅附录D「快速HTML参考」。

第二,注意你为文件起的文件名:mypage.cfm,所有的HTML文件都具有相同的扩展名:.cfm或.cfml。本书对所 有的HTML文件使用.cfm的扩展名。你可以为你的HTML文件起任何你喜欢的名字。

第三,注意在HTML文件第一行出现的<TITLE>及</TITLE>。现在,查看你的网络浏览器的 标题栏,你应当看见这样的文字:Minimal Web Page。这就是你在标识符<TITLE>及</TITLE>中输入的文本。<TITLE> ;标识符为你的网页提供了一个标题,当人们为你的网页放置书签或是搜索引擎检索你的网点(这两个情况是常常发生的)时,就会用到 这个标题。

大部分HTML文件都比我们刚才讨论的这个文件要复杂。请看下面这段语句:

<HTML>

<HEAD>

<TITLE> Less Minimal </TITLE>

</HEAD>

<BODY>

Hello World!

</BODY>

</HTML>

这个例子中有三个新的标识符:<HTML>,<HEAD>及<BODY>。如果你在浏览器 中显示这个网页,你将会观察到和上例一样的结果。那么这三个新的标识符有什么用呢?这些标识符的唯一用途就是对其它标识符起一个 容器的作用。

〈HTML>标识符说明了这个文件是一个HTML文件。这个标识符并不是必须的,但对于旧版的浏览器,你应当在文件头部包 含<HTML>标识符,并在文件尾包含〈/HTML〉标识符来确保兼容性。

〈HEAD〉标识符包含了所有出现在你的HTML文件头部的标识符。这些由〈HEAD〉包含的标识符并不由你的网络浏览器显示出 来。例如,由<TITLE>及</TITLE>标识符包含的文本只出现在网络浏览器的标题栏上,而不在 网页上出现。

〈BODY〉标识符表明了你的HTML文件的主体部分,所有需要在你的浏览器上显示的文本及标识符都应该被放置在这里。例如,H ello World! 被放置在此。因为你想让这句话在网页上显示出来,你网页的所有内容几乎都由〈BODY〉及〈/BODY〉标识符包含。

在结束这一节之前,我们再讨论一个标识符,它经常被用来在你的文件中加入注释,这些注释并不在主页上显示出来。例如,你可能想在 HTML文件的头部加一行注释来说明这个文件的作用,以便以后你能知道创建这个文件的理由。下面就是一个带有注释的文件的例子:

<!-- I am ignored by everybody -->

<HTML>

<HEAD>

<TITLE> Commented </TITLE>

</HEAD>

<BODY>

<!-- I am a three line comment which

explains that this document displays

the text 『Hello World!』 -->

Hello World!

</BODY>

</HTML>

句子I am ignored by everybody. 并不会在游器上显示出来,因为它由注释标识符〈!--and--〉包含著。

警告

不要把你私人的信息明明白白地写在注释中,因为人们可以通过浏览器的View Source命令看到它们。

你可以在HTML文件的任何部位加入注释,一个注释也可以分成许多行。当你的文件很大时,添加大量的注释是一标明文件各部分功能 的好办法,以便以后能记住你的文件究竟是干什么的。(通常过了一些天后你会忘记你的文件是干什么的了。)

Back to Top 查看 koioggo's 资料 搜索其它贴子 koioggo 访问 koioggo's
 
koioggo
Groupie
Groupie


加入: 2004/5月/22
Online Status: Offline
回复: 58
Posted: 2004/11月/16 12:16下午 | IP记录 引用 koioggo

在网页中使用颜色

本章讲述的许多HTML标识符都具有色彩的属性,可用来设置不同的颜色。例如,缺损情况下你的网页的背景颜色是灰色(Inter net Explorer)或是白色(Netscape Navigator),你可能要将背景颜色变成你所选择的另外一种,下面的例子表明了你应该如何去做:

<HTML>

<HEAD>

<TITLE> Background Color </TITLE>

</HEAD>

<BODY BGCOLOR =」Lime」>

Hello World!

</BODY>

</HTML>

当这个HTML文件在浏览器上显示出来时,网页的背景颜色变成草绿色。不难发现你是通过对<BODY>标识符加入B GCOLOR属性来改变一个网页的背景颜色的。

根据HTML规范,你可以使用表5.1中列出的任意颜色来设定某个HTML标识符的颜色属性。

表5.1 色彩名和它们的RGB值

Color RGB Value

蓝绿色

黑色

蓝色

紫红色

灰色

深绿色

绿色

褐色

深蓝色

橄榄色

#00FFFF

#000000

#0000FF

#FF00FF

#808080

#008000

#00FF00

#800000

#000080

#808000

深紫色

红色

银色

草绿色

白色

黄色

 

#800080

#FF0000

#C0C0C0

#008080

#FFFFFF

#FFFF00

对此表有两点值得注意。首先,这些颜色的选择是很奇怪的,这是历史原因造成的——它们是被带有VGA显卡的早期Windows 机器所支持的色彩。实际上,如果你不想局限于HTML规范、你完全可以不理会这些色彩的限制。当前版本的Netscape Navigator及Internet Explorer提供了更多的色彩(详细信息可参阅附录D)。

第二点是表中每个颜色名都对应著一个奇特的数字。颜色既可用名称来表示,也可用RGB值来指定。如果你想保证你所选择的颜色在所 有浏览器上都能正确显示,那么你应当使用色彩的RGB值而不是它们的名字。

注意

计算机以三个数字来标识各种颜色——颜色的红、绿、蓝(RGB值),其中每个数字可取0~255中的任意值。例如,黑色就是三个 0,因为黑色中没有任何颜色。如果你想让你的网页的背景颜色变为黑色,你可以象下面这样设定BGCOLOR的值:

<BODY BGCOLOR=」#000000」>

在这个例子中,前两个0是颜色的红色值,中间两个0是颜色的绿色值,最后两个0是蓝色值。符号#告诉浏览器你通过RGB值来指定 一个色彩,而不是用它们的名字。

这其中稍微复杂一点是,计算机中使用十六进制数而不是十进制数,因此即使是计算机和人表示同样大小的数,计算机也要多用六个符号 。例如对计算机来说,数字十六被表成F,255表示成FF。要建立一个白色背景,你应该输入:

<BODY BGCOLOR=」#FFFFFF」>

使用RGB值,你可以指定16,777,216种颜色(超过一千六百万种)。当然,这里所说你可以指定它们中的任何一种颜色并不 意味著每台计算机的显示器都能显示它们中的任何一种色彩。某些显示系由于硬件的性能,只能显示二百五十六种颜色(或者更少)。

Back to Top 查看 koioggo's 资料 搜索其它贴子 koioggo 访问 koioggo's
 
koioggo
Groupie
Groupie


加入: 2004/5月/22
Online Status: Offline
回复: 58
Posted: 2004/11月/16 12:21下午 | IP记录 引用 koioggo

基本的HTML网页格式

本节讲述怎样控制文本在网页上显示时的位置。你将学会怎样把一行文本分为多行来显示,怎样在浏览器窗口中对齐文本,最后,你将学 会怎样用水平分隔线来安排文本。

 

 

创建一行新文本

前面我们已讲过浏览器忽略HTML文件中的多余空格和回车,对浏览器而言,一个空格与 两个或多个空格的作用是一样的,看下面这段代码:

<HTML>

<HEAD>

<TITLE> Two Lines of Text </TITLE>

</HEAD>

<BODY>

I am the first line of text.

I am the second line of text.

</BODY>

</HTML>

如果你在浏览器上显示这段代码,你会发现它不如你预料的那样,浏览器忽略了两行文本间的回车换行符,你看到的是下面的:

I am the first line of text. I am the second line of text.

因此怎样在网页中插入行分隔符呢?要达到此目的就要使用一个HTML标识符,<BR>标识符能显示多行文本,如下面 的那样:

<HTML>

<HEAD>

<TITLE> Two Lines of Text </TITLE>

</HEAD>

<BODY>

I am the first line of text. <BR>

I am the second line of text.

</BODY>

</HTML>

网络浏览器会将这段代码理解为我们所期望的那样——文本以两行来显示。注意标识符<BR>不是一个容器标识符,就是 说,并不需要类似</BR>的符号。

Back to Top 查看 koioggo's 资料 搜索其它贴子 koioggo 访问 koioggo's
 
koioggo
Groupie
Groupie


加入: 2004/5月/22
Online Status: Offline
回复: 58
Posted: 2004/11月/16 12:22下午 | IP记录 引用 koioggo

建立新的一段

文本分行的办法不止一个,你也可以使用标识符<P>来达到这一目的。<P>标识符被称为段落标识符,因 为用它来创建段落,如下面所示:

<HTML>

<HEAD>

<TITLE> Two Lines of Text </TITLE>

</HEAD>

<BODY>

I am the first line of text. <P>

I am the second line of text.

<P> I am the first line of text. </P>

<P> I am the second line of text. </P>

</BODY>

</HTML>

代码中第一个<P>的作用与上例中<BR>的作用相似,它将两行文本分开,但是与<BR> 相比,两行之间会有较多的空格。<P>标识符建立了一个新段,此段能包含尽可能少的文字。

紧接著的下面两个句子在浏览器上显示时也分为两行。注意,在这里<P>标识符是以容器标识符来使用的。它既可以用来 作为容器标识符也可以作为非容器标识符(就像<BR>)来使用。当使用〈P〉来将文本分行成为不同的段时,大部分网 页设计者都在末尾加上</P>。

注意

在某些情况下,结尾标识符</P>是必须的。例如,如果你在表格中使用ALIGN属性或是<P>标识符 ,你应当标明段落的起始和结尾,可参阅下一节来获得更多的使用<P>标识符对齐文本的信息。对表格可参阅第七章「高 级HTML」。

对齐文本

<P>标识符有一个很有用的属性,你可以使用<P>来使文本在屏幕上左对齐,中间对齐及右对齐。下面的 HTML代码表明了如何使用对齐属性:

<HTML>

<HEAD>

<TITLE> Three Lines of Text </TITLE>

</HEAD>

<BODY>

<PRE>

I am the first line. <P>

I am the second line.

I am the third line .

</PRE>

</BODY>

</HTML>

缺省情况下,<P>使文本在屏幕上左对齐,因此你不需要在你的HTML文件中使用<P ALIGN="LEFT">。

需要注意的是并非所有的浏览器都能识别<P>标识符的ALIGN属性。Netscape Navigator 3.0以前的版本就忽略这一属性并把所有文本左对齐。如果你想在这些浏览器的早期版本上中心对齐文字,你就得使用<CEN TER>标识符。除了<P>标识符外,没有别的简单办法来右对齐文字。

Back to Top 查看 koioggo's 资料 搜索其它贴子 koioggo 访问 koioggo's
 
koioggo
Groupie
Groupie


加入: 2004/5月/22
Online Status: Offline
回复: 58
Posted: 2004/11月/16 12:22下午 | IP记录 引用 koioggo

建立有格式文本

另一个你可用来安置文本的标识符是<PRE>。假如你有一些文本让它们在屏幕上精确的显示出来,或是你想让每个输入 的空格正如您所料的那样显示。HTML不能进行精确定位,然而浏览器可以识别你加入的空格,实现这一功能有一较好和较差的办法, 下面是一个较差的办法:

<HTML>

<HEAD>

<TITLE> Two Lines of Text </TITLE>

</HEAD>

<BODY>

<PRE>

I am the first line .

I am the second line .

I am the first line .

</PRE>

</BODY>

</HTML>

<PRE>标识符用来包含格式文本,在这对标识符中出现的文本将会在浏览器上精确的显示出来。看起来这对标识符非常 有用,在某些情况下确实是的,然而大部分情况下网页设计者并不使用它,因为这对标识符有一些限制。

首先,当在浏览显示处于<PRE>标识符中的文本时,这些文本显示出来非常难看,不易阅读。而且与HTML文件中的 其它文本不同,用<PRE>标识符包含的文本不能分行,一行很长的格式文本会一直抵达到浏览器屏幕的右端。

<PRE>标识符违反了HTML的基本原则,HTML设计出来是为了能让人们在任何大小的屏幕上游览网页,但在实际 应用中,这个目标常常很难达到——因为网页通常被优化在特定分辨率的屏幕上显示——<PRE>标识符破坏了这种目标 。因此,尽可能不要使用它。这样使用低分辨率屏幕的用户将会减少麻烦。

Back to Top 查看 koioggo's 资料 搜索其它贴子 koioggo 访问 koioggo's
 
koioggo
Groupie
Groupie


加入: 2004/5月/22
Online Status: Offline
回复: 58
Posted: 2004/11月/16 12:24下午 | IP记录 引用 koioggo

建立水平分隔线

本节讲述的最后一个标识符是<HR>,它用来建立水平分隔线——用来在屏幕上分割文本的水平线。下面是使用这个标识 符的例子:

<HTML>

<HEAD>

<TITLE> Horizontal Rule </TITLE>

</HEAD>

<BODY>

I am the first line of text.

<HR>

I am the second line of text.

</BODY>

</HTML>

当这段代码在浏览器上显示时,就会出现一条水平线分割两行文本(如图5.4所示)

<HR>标识符有一些有用的属性,(附录D有所有属性的列表)。与<P>标识符一样,你可使

用ALIGN属性来实现水平线的左对齐,中间对齐及右对齐,你也可以通过设定WIDTH属性来指定水平线的长度。

 

图5.4 由水平线分割的文本

当你指定WIDTH属性的值时,你既可以用象素来表示,或用屏幕长度的百分比来表示。如下面的HTML代码所示:

<HTML>

<HEAD>

<TITLE> Horizontal Rules </TITLE>

</HEAD>

<BODY>

<HR WIDTH=」640」>

<HR WIDTH=」100%」>

</BODY>

</HTML>

如果你在屏幕水平分辨率为640个像素的计算机上显示这个HTML文件(这是Windows机器上的典型屏幕分辨率),显示出来 的两条水平线的长度是几乎一样。但是如果你在屏幕水平分别率为1024的机器上显示同样这一页,第一条水平线显然要比第二条短。 大部分情况下,使用百分数要比使用象素值更好些。

Back to Top 查看 koioggo's 资料 搜索其它贴子 koioggo 访问 koioggo's
 
koioggo
Groupie
Groupie


加入: 2004/5月/22
Online Status: Offline
回复: 58
Posted: 2004/11月/16 12:25下午 | IP记录 引用 koioggo

HTML中基本的文本格式

只包含单一文本的网页是很单调的,要建立一个具有吸引力的网页,你需要控制文本的大小、颜色、字体等一系列属性。在本节中,你将 学习如何控制这些属性。

使用字体

<FONT>标识符在本章前部分已简单提起过,它具有三个属性:SIZE、COLOR和FACE。下面是个使用SI ZE属性的例子:

<HTML>

<HEAD>

<TITLE> Font Sizes </TITLE>

</HEAD>

<BODY>

<FONT SIZE=1> I am small. </FONT>

<P>

<FONT SIZE=7> I am big! </FONT>

<P>

<FONT SIZE= +1> I am a little bigger than the base font. </FONT>

<P>

<FONT SIZE= -1> I am a little smaller than the base font. </FONT>

<P>

</BODY>

</HTML>

你可以通过在1~7间选个数来设定SIZE属性的值来指定文本的大小,1是最小的字体,而7是最大的。这是一个指定文本绝对大小 的方法。另外你也可指定文本的相对大小,如果你仔细察看下面的代码,你能发现SIZE属性的值被设为+1,就告诉浏览器以比基本 字体大一号的字体来显示文本。

基本字体的大小由<BASEFONT>标识符来指定,你也可以不使用这个标识符,如上例所示,这种情况下基本字体就 由浏览器来设定。

<BASEFONT>标识符与<FONT>的用法相似,只不过<BASEFONT>对整个 文件都起作用,<BASEFONT>标识符只能在文件中使用一次,并应该放置于所有<FONT>标识符 之前,下面是一个使用这个标识符的例子:

<HTML>

<HEAD>

<TITLE> Base Font </TITLE>

</HEAD>

<BODY>

<BASEFONT SIZE=6>

I am big.

<P>

<FONT SIZE= +1> I am bigger! </FONT>

</BODY>

</HTML>

I am big. 将以<BASEFONT>设置的文本大小来显示。大小是6。而I am bigger! 显示出来字体要大一号,是7。

你不能保证你网页上的文本将会以你设定的绝对大小来显示,最终在浏览器上显示的文字的大小可以由用户来设定,用户有最终决定权。 因此当你的网页在浏览器上显示时,所有的文本可能比你所期望的要大或小。

你可以控制你网页上的文本的颜色,这可通过设置<FONT>标识符的COLOR属性的值来完成,如下所示:

<HTML>

<HEAD>

<TITLE> Color Fonts </TITLE>

</HEAD>

<BODY>

<FONT COLOR=」GREEN」> I am green. </FONT>

<P>

<FONT COLOR=」RED」> I am red. </FONT>

</BODY>

</HTML>

在此例中,第一个句子的颜色是绿色,而第二个句子是红色。使用颜色的名字是指定文本颜色的简单方法。但是,为了保障网页在所有浏 览器上的兼容性,你应当使用使用RGB值(附录D列出了所有颜色及其RGB值)

<FONT>标识符还有一个比较有用的属性FACE,使用它可以指定文本的字体,下面是一个例子:

<HTML>

<HEAD>

<TITLE> Font Face </TITLE>

</HEAD>

<BODY>

<FONT FACE=」Courier」> I am Courier. </FONT>

<P>

<FONT FACE=」Courier」> I am Arial, but if that does not work,

I am Courier. </FONT>

</BODY>

</HTML>

当在网页上显示这个HTML文件时,第一个句子的字体是Courier,而第二个句子是Arial。当然,可能会是这样的。浏览 器软件在它运行的机器上尽可能的做的更好。不是所有的计算机都有某一种字体。例如,如果这台计算机上没有Arial字体,那么浏 览器就会使用FACE属性指定的下一个字体,再上例中就会使用Courier字体。你可以尽可能的列出你所需要的替换字体。

对我个人而言,我经常使用<FONT>标识符,但是你应当认识到它有某些限制。当使用它时,你应当注意背景和前景的 兼容性问题。

相对来说,<FONT>标识符是比较新的,在旧版的浏览器上它不会起作用。例如在Netscape Navigator 3.0上可以识别<FONT>的SIZE和COLOR属性,但却不能识别FACE属性。其它的浏览器干脆就不识别& lt;FONT>标识符。

<FONT>标识符是当前HTML规范中的一部分,但FACE属性却不是。进一步说,在不远的将来,<FON T>标识符可能会从HTML规范中去掉,<FONT>标识符的所有功能可能会被cascading style sheets(见第七章)代替。当你使用这个有用的标识符时应该牢记这些兼容性问题。

Back to Top 查看 koioggo's 资料 搜索其它贴子 koioggo 访问 koioggo's
 

of 3 下一页 >>
  回复发表新主题
显示可打印的页面 显示可打印的页面

论坛跳转
不能 张贴新论题在这个讨论版
不能 回应论题在这个讨论版
不能 删除你的发言在这个讨论版
不能 编辑你的发言在这个讨论版
不能 新增投票标题在这个讨论版
不能 在这个讨论版投票

Edit by doreme Forums version 2004
Welcome ©2001-2004 doreme Guide

This page was generated in 0.1914 seconds.

 
保养品
保养品, Skin Care
www.elady.tw
美材批发
美材, Cosmetic
www.elady.tw/beauty_org
保养品批发
名牌保养品、保养品批发
gb.perfume.com.tw/skincare
饰品批发
饰品、饰品批发
gb.perfume.com.tw/ornament