HTML 初学者指南(8)

初学

嵌入行中的图象
多数 Web 浏览器可以显示嵌入行中的X 位图(XBM), GIF, 或 JPEG 格式的图象(即和文本想邻的图象) . 其他格式的图象正在合并到Web 浏览器中[如, Portable Network Graphic (PNG) 格式]. 每个图象都花费处理时间并降低文档显示的速度. 仔细选择你的文档中的图象和图象的个数.

包含一个嵌入行中的图象, 输入:

<IMG SRC=图象名>
ALT="FORWARD" HEIGHT=32 WIDTH=32>

其中 图象名 是图象文件的URL .

<IMG SRC> URLs 的语法格式和锚链HREF使用的格式相同. 如果图象文件是GIF 文件, 则图象名中的文件名部分必须以.gif结束. X 位图格式的文件必须以.xbm结尾; JPEG 图象文件必须以.jpg或 .jpeg结束; Portable Network Graphic 文件必须以.png结束.

图象大小属性
在<IMG> 标记中你应该包含其它两个属性,用于通知浏览器正在和文本一起下载的图象的大小. HEIGHT 和 WIDTH 属性使浏览器在下载文件其它部分的时候为图象留出适当的空间(象素). (从你的图象处理软件如Adobe Photoshop中可以得到象素大小.)

例如, 要在文件中包含一幅自己的肖像, 输入:

<IMG SRC=http://www.webjx.com/htmldata/2005-02-21/SelfPortrait.gif HEIGHT=100 WIDTH=65>
ALT="FORWARD" HEIGHT=32 WIDTH=32>

注意: 当图象大小与属性描述大小不一致时,有些浏览器使用 HEIGHT 和 WIDTH属性来扩大或缩小一幅图象以使它适用于分配的空间. 并非所有的浏览器开发者都赞同放大/缩小图象. 因此,在安排时不要假设你的读者都可以使用这种特性. 最好查看一下图象大小,使用正确的尺寸.

图象定位
对于图象的显示你具有一定的灵活性. 你可以让图象和文本分开,把图象放在左边,右边,或者中间. 或者你可以让图象和文本在同一行。你可以尝试多种形式,看一看哪种最好

使图象和文本在同一行
缺省情况下图象的底部和随后的文本在同一行显示,就象现在的这段. 你也可以通过把ALIGN= 属性的值设为 TOP 或 CENTER,把图象放到一段的顶端或中间。

这段文本与图象的顶端在同一行(<IMG SRC = "BarHotlist.gif" ALIGN=TOP>). 注意只有一行文本如此,其他行跳到图象的底部显示.

这一行文本显示在图象中间(<IMG SRC = "BarHotlist.gif" ALIGN=CENTER>). 同样,只有一行显示在中间,其他行在图象的下面.

不带文本的图象
如果要显示一幅不带文本的图象(例如,你的组织的徽标), 只要把它作为单独的一段即可. 使用段落标记的 ALIGN=属性把图象调整到窗口的中间或右边,如下所示:

<p ALIGN=CENTER>
<IMG SRC = "BarHotlist.gif">
</p>

结果为:

图象显示在中间; 本段从它下面靠左开始.

图象的替换文本
一些 World Wide Web 浏览器--主要是那些在 VT100 终端上运行的浏览器--不能显示图象. 有些用户会关掉图象下载功能,就算他们的软件可以显示图象(特别是如果他们是 modem 或低速线路的用户). HTML 提供一种机制使得读者知道他们看到的页面上缺少了什么.

ALT 属性使你可以指定一段可以替代图象来显示的文本. 例如:

<IMG SRC="http://www.webjx.com/htmldata/2005-02-21/UpArrow.gif" ALT="Up">
ALT="" HEIGHT=48 WIDTH=50>

其中 http://www.webjx.com/htmldata/2005-02-21/UpArrow.gif 是一个向上的箭头.在具有图象显示功能并且图象下载打开的浏览器中,你可以看到一个上箭头的图形。在VT100 浏览器中或者图象下载关闭的情况下, 你的窗口中将显示 Up 这个单词.

你应该对出现在你的文档中的每个图象都使用一个替换文本, 这是一种对读者的礼貌.

背景图象
新版本的 Web 浏览器可以下载一幅图象用做显示一个主页时的背景. 有些人喜欢使用背景,有些人不喜欢. 通常,如果你想包含一个背景, 你要确保你的文本在背景上依然可以被很清晰地阅读.

背景图象可以是一个物体的组织 (例如亚麻布纸张)或图象 (可能是一个徽标). 你可以象生成其他任何图象一样来生成背景图象。

不过你只需要制作一个很小的图象. 浏览器会使用一种称之为“盖瓦”tiling的特性重复显示这个图象,填满整个浏览器窗口。简单地说,你只要生成一幅图象,浏览器会自动重复多次,直到填满你的窗口。当你使用下面说明的标记时,这个动作会自动执行.

包含背景图象的标记包含在 <BODY> 标记描述中作为一个属性:

<BODY BACKGROUND="filename.gif">

背景颜色
缺省情况下浏览器使用灰底黑字显示文本. 但是, 你可以改变它们. 一些 HTML 作者选择一个背景颜色,配以文本颜色的相应改变.

对于这种改变一定要预先看一看,是否还易于阅读. (例如, 不少人用黑底红字,非常难以阅读!)

使用<BODY>标记的多种属性,你可以改变文本,链接,看过的链接和活动链接的颜色. 例如, 输入:

<BODY BGCOLOR="#000000" TEXT="#FFFFFF" LINK="#9690CC">

将创建一个窗口,背景为黑色 (BGCOLOR), 文本为白色 (TEXT), 超链为银色 (LINK).

六位的数字和字母的组合代表颜色,它给出某种颜色的 RGB (红red, 绿green, 蓝blue)的值. 这个六位数字实际上是三个顺序排列的两位数, 代表从00到FF的红,绿,蓝比重的十六进制值。例如, 000000 表示黑色(没有任何颜色), FF0000 是亮红, FFFFFF 是白色 (所有三种颜色全部饱和). 这些数字和字母的组合的含义是模糊的. 幸运的是有一个在线资源可以帮助你了解各种组合与颜色的对应关系:

ColorPro Web server
外部图象,声音,和动画
你可能希望当用户激活你的文档中一个单词或小的图象作成的链接时,把一幅图象作为单独的文档打开. 这种情况称为一个外部图象, 当你不想由于大的图象而降低主文档的下载速度时,它是很有用的.

要包含一个外部图象的链接, 输入:

<A HREF="http://www.webjx.com/htmldata/2005-02-21/MyImage.gif">link anchor</A>

你也可以用一个小的图象作为到大图象的链接. 输入:

<A HREF="http://www.webjx.com/htmldata/2005-02-21/LargerImage.gif"><IMG SRC="http://www.webjx.com/htmldata/2005-02-21/SmallImage.gif"></A>
ALT="" HEIGHT=48 WIDTH=50>

读者看到图象 http://www.webjx.com/htmldata/2005-02-21/SmallImage.gif ,点击它就可以打开文件 http://www.webjx.com/htmldata/2005-02-21/LargerImage.gif .

使用同样的语法链接外部动画和声音. 唯一的不同在于链接文件的扩展名. 例如,

<A HREF="AdamsRib.mov">link anchor</A>

时间: 2024-11-10 00:26:39

HTML 初学者指南(8)的相关文章

RMAN 初学者指南

初学 RMAN 初学者指南 转自聚贤庄 作者:gototop ============================================ 这篇文章是去年写的了,最初发表在chinaunix.net的oracle论坛里,收录在旧版文集中,可能很多没有看到,总有人写信要,今天乘改版之际就把它单独拿出来了.(gototop 2003.6.24注)   RMAN(Recovery Manager)是DBA的一个重要工具,用于备份.还原和恢复oracle数据库,前一段时间有网友找我要,可惜没

RMAN初学者指南

RMAN初学者指南    RMAN(Recovery Manager)是DBA的一个重要工具,用于备份.还原和恢复oracle数据库,前一段时间有网友找我要,可惜没时间,趁这两天出差在外没什么事,就写了一下,供初学的朋友参考.本文将介绍RMAN的基本操作,更多的信息请参考<Oracle8i Backup & Recovery  Guide>及RMAN手册,或者是OCP Student Guide M09096<Backup and Recovery Workshop>Vol

《C#初学者指南》一导读

前言 C#初学者指南 欢迎阅读本书. C#(读作"c sharp")是一种易学的.成熟的编程语言.同时,它也是.NET Framework 的一部分..NET Framework是很大的一个技术集合,它包罗万象,以至于初学者往往不知从何入手.如果你也是一名初学者,那么本书非常适合你,因为本书就是专门为.NET初学者所编写的教程. 作为初学者的教程,本书并不会介绍.NET Framework中的每一种技术.相反,本书涵盖C#和.NET Framework 语言中最重要的主题,掌握了这些内

《C#初学者指南》一第1章 初识C#

第1章 初识C C#初学者指南 开发一款C#程序,包括编写代码.把它编译成通用中间语言(Common Intermediate Language ,CIL)编码以及运行CIL编码.作为一名C#程序员,你会不断地重复这个过程,而熟悉和习惯这个过程也是至关重要的.因此,本章的主要目标是,帮助你体验在Visual Studio Express 2012 for Windows Desktop 或Visual C# 2010 Express这两种免费的微软IDE中使用C#来进行软件开发的过程. 编写的代

《SQL初学者指南》——1.8 空值

1.8 空值 SQL初学者指南 表中每个单独列的另一个重要属性是,该列是否允许包含空值.空值表示某个特定的数据元素没有数据.按照字面意思解释就是没包含数据.空值不等同于空格或空白.从逻辑上讲,空值和空格要区分对待.在第8章中,我们会详细介绍如何检索包含空值的数据. 许多SQL数据库在显示带有空值的数据时,使用大写的单词NULL来表示.这么做是要让用户能够识别它包含的是一个空值,而不是一个空格.我也会遵循这个惯例,在书中用NULL来强调它表示一个特殊类型的值. 数据库的主键不能包含NULL值.这是

《C语言编程初学者指南》一第1章 C编程入门

第1章 C编程入门 C语言编程初学者指南 欢迎阅读本书.C 编程语言是培养你的编程职业技能和爱好的一门优秀的基础语言.不管你是计算机专业的学生.自学成才的程序员,或者是一名资深的软件工程师,学习C语言都能够给你丰富的概念知识并培养实践技能,从而很好地帮助你理解其他的计算机相关主题(包括操作系统概念.内存管理和其他高级的编程语言). 在整个本书中,我将引导你学习一系列的示例,这些示例设计来讲解C编程的基础知识.我假设读者没有C编程的经验,也不了解计算机科学的基本概念.阅读本书不需要任何的经验(包括

《C语言编程初学者指南》一导读

前言 C语言编程初学者指南 C语言是一种强大的基于过程的编程语言,它于1972年由Dennis Ritchie在贝尔实验室发明.C语言最初是开发来用于UNIX平台的,但却已经扩展到很多其他的系统和应用中.C语言还影响了很多其他的编程语言,例如C++和Java. 编程初学者,特别是那些进入计算机科学和工程专业学习的人,需要构建有关操作系统.硬件和应用程序开发概念的牢固基础知识.很多的学院教授学生学习如何用C编程,从而使他们能够学习高级概念以及在C的基础上建立起来的其他语言. 学习C语言的很多学生也

《SQL初学者指南(第2版)》导读

前言 SQL初学者指南(第2版) SQL(Structured Query Language)是用于和关系数据库交互的主要语言.本书的目标是成为SQL语言的一本有用的入门指南. 本书的另一个假想的书名是The Logic of SQL(<SQL的逻辑>).这是因为,和所有的计算机语言一样,SQL语言和冷冰冰.硬邦邦的逻辑而不是和英语词汇更加相关.尽管如此,本书的书名中还是保留了Language(语言)这个词,这有几方面的原因. 1.首先,SQL中基于语言的语法和其他的计算机语言有所区别.和其他

《C语言编程——零基础初学者指南(第3版)》一第2章 编写第一个C程序2.1 概述

第2章 编写第一个C程序 C语言编程--零基础初学者指南(第3版)本章内容 编写第一个程序使用main()函数识别数据类型本章将教你如何编写第一个C程序!如果无法理解本章的所有内容,请不要着急.放轻松些,你的目标是先熟悉C程序.经过本章的学习,你要学会识别所有C程序的共同元素. 2.1 概述 C语言编程--零基础初学者指南(第3版)本节将介绍一个简短但完整的C程序,并讨论附录B中的另一个程序--"Draw Poker扑克游戏".这两个程序都包含一些共同和不同的元素.第一个程序相当简单:

《C语言编程初学者指南》一第2章 基本数据类型

第2章 基本数据类型 C语言编程初学者指南本章介绍计算机内存概念的基本知识,以及如何从用户那里获取信息并使用C语言的数据类型将其保存为数据.你将学习如何使用printf()函数显示变量内容,以及如何使用基本的算术运算来操作变量中存储的数据. 本章包括以下内容: 内存概念简介:理解数据类型:初始化变量和赋值运算符:打印变量内容:使用转换修饰符:理解常量:使用编程惯例和样式:用C程序做算术运算:理解运算符优先级:本章程序:Shop Profit.