Dreamweaver3完全教程(9)
全套教程打包下载
第二章控制HTML源代码Dreamweaver采用可视化的方法创建和编辑HTML文件,这在绝大多数时候已经足够了,然而,对于一个希望深入掌握网页创作、对代码质量精益求精的用户来说,直接书写HTML源代码仍然是不可或缺的操作。Dreamweaver提供了强大的源代码控制功能,通过独有的Roundtrip
HTML特性,利用源代码检视器和快速标记编辑器这两个强大的工具,在源代码级别上,实现对可视化操作和HTML源代码的双重管理。
现实生活中,存在很多由其他编辑器(例如FrontPage或Word 2000)所创建的HTML文档,Dreamweaver还提供了强有力的方法,对这些非Dreamweaver创建的HTML文档进行相关处理。在Dreamweaver中提供了多个选项设置,用于指定Dreamweaver可以对哪些代码进行重写,而将哪些代码保持原样。这样,一方面您可以设置保持某些代码不被可视化操作任意修改,另一方面,使用Dreamweaver的净化HTML特性,也可以对由其他编辑器所生成文档中的那些混乱和不需要的代码进行优化,最大程度地减小代码长度,提高代码质量。
本章介绍Dreamweaver 3强大的HTML源代码控制特性。
1.6 概述在了解Dreamweaver 3对源代码的控制特性之前,我们需要了解一些关于HTML的相关知识。
1.6.1 什么是HTMLHTML是(Hypertext Markup Language)的首字母缩写,中文通常称作超文本置标语言,或超文本标记语言。它是Internet上用于编写网页的主要语言。
HTML是纯文本类型的语言,使用HTML编写的网页文件也是标准的纯文本文件。您可以用任何文本编辑器,例如Windows的"记事本"程序打开它,查看其中的HTML源代码,也可以在用浏览器打开网页时,通过相应的"查看源文件"命令查看网页中的HTML代码。
HTML语法非常简单,它采用简捷明白的语法命令,通过各种标记、元素、属性、对象等关键字建立与图形、声音、视频等多媒体信息以及其他超文本的链接。
HTML的发展是同Internet上的WWW浏览操作的发展分割不开的。
WWW是World Wild Web的简称,更方便的称呼是3W或"The Web",通译"万维网",曾经被翻译成"全球多媒体信息网"。它是一种建立在Internet上的全球性的,交互的,动态,多平台,分布式的图形信息系统。WWW遵循HTTP协议(Hypertext
Transfer Protocol――超文本传输协议),主要以"超文本"(Hypertext)或"超媒体"(Hypermedia)的形式提供信息。我们通常所称的浏览网页,就是指的WWW操作。
要查看网页内容,必须使用网页浏览器,浏览器的主要作用就是解释超文本文件中的语言,将单调乏味的文字显示为丰富多彩的内容。目前最为流行的浏览器有Microsoft
Internet Explorer以及Netscape Communicator,我们建议您使用Microsoft Internet
Explorer,它性能优秀,不仅有中文版本,而且还是免费的,其最新版本为5.0。
同其他语言(例如C)编译产生执行文件的机制不同,利用HTML编写的网页是解释型的,也就是说,网页的效果是用浏览器打开网页时动态生成,而不是事先存储于网页中的。当用浏览器打开网页时,浏览器读取网页中HTML的代码,分析其语法结构,然后根据解释的结果显示网页内容,正是因为如此,网页显示的速度同网页代码的质量有很大的关系,保持精简和高效的HTML源代码是非常重要的。
1.6.2 HTML的语法特性顾名思义,超文本标记语言,其语言构成主要是通过各种标记(Tag)来标示和排列各对象,通常标记由"<"、">"符号以及其中所包容的标记元素组成,例如,如果希望在浏览器中显示一段加粗的文本,可以采用标记<b>和</b>,如下所示:
加粗的文本
在用浏览器显示时,标记<b>和</b>不会被显示,浏览器在文档中发现了这对标记,就将其中包容的文字(这里是"加粗的文本"5字)以粗体形式显示。
一般来说,HTML的语法有三种表达方式,如下所示:
<标记>对象标记><标记属性1=参数1属性2=参数2...>对象标记><标记>
注意:
标记的书写是大小写无关的。
严格地说,标记和标记元素不同,标记元素是位于"<"和">"符号之间的内容,而标记则包括了标记元素和"<"和">"符号本身。但是我们通常将标记元素和标记当作一种东西,因为脱离了"<"和">"符号的标记元素毫无意义。在本书后面的章节里,如非必要,我们将不区分标记和标记元素,而统一称作"标记"。
下面分别对这三种形式进行介绍。
l <标记>对象标记>该语法示例显示了使用封闭类型标记的形式。大多数标记是封闭类型的,也就是说,它们成对出现,在对象内容的前面是一个标记,而在对象内容的后面是另一个标记,第二个标记元素前带有反斜线,表明结束标记对对象的控制。
下面是一些示例:
<h1>这是标题1</h1>
浏览器以标题1格式显示标记间的其中文本。
<i>这段文字是斜体文字</i> 浏览器以斜体格式显示标记间的文本。
如果一个应该封闭的标记没有被封闭,则会产生意料不到的错误,随浏览器不同,可能出错的结果也不同。例如,如果忘记以标记封闭对文字格式的设置,可能后面所有的文字都会以标题1的格式出现。
l <标记属性1=参数1属性2=参数2>对象标记>该语法示例显示了使用封闭类型标记的扩展形式。利用属性可以进一步设置对象某方面的内容,而参数则是设置的结果。
例如,在如下的语句中,设置了标记的href属性。
<a href=="http://www.macromedia.com/">Macromedia公司主页</a>