新编Dreamweaver CS3动态网页设计和制作教程第3章.pptVIP

3.1 HTML语言基础 3.2 项目1：动手编写第一个网页 3.3 网页的基本结构 3.4 设置页面属性 3.5 项目2：设置文本属性 3.6 项目3：设置背景图像 3.7 课堂综合训练 3.8 小结 习题 ;　　在Internet上，HTML扮演着一个不可或缺的角色，网络上的页面都是用HTML语言编写的程序代码在浏览器执行的。HTML是一种用来制作超文本文档的简单标记语言，它透过标记式的指令(Tag)，将影像、声音、图像、文字等链接显示出来。　　HTML文本包含两种信息：页面本身的文本和表示页面元素、结构、格式及其他超文本链接的HTML标记。HTML标记对决定HTML文本的逻辑结构，并且控制其显示格式，这样设计者可以用标记定义HTML文本的逻辑结构，但是文本的实际显示则由浏览器来负责解释。;　　HTML标记可以用来设置链接、标题、段落、列表和字符加亮区域等。HTML页被分为head和body两个主要分段。head分段包含了关于整个文档的信息标题、描述和关键字；body分段中包含了可以调用的任何语言的子程序和Web页中的主要内容。所有的文本、图形、嵌入的动画，Java小程序和其他的页面元素都位于起始body标识和结束/body标识之间。;　　可以用任何文本编辑器或者专用网页编辑器编写HTML文件，编辑完毕的HTML文件将以?.htm或?.html作为文件后缀名保存，这样就完成了一个HTML网页文件。　　在Dreamweaver CS3中建立了一个网页后，切换到【代码】视图，则会显示如下代码结构：!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1 /DTD/xhtml1-transitional.dtdhtml xmlns=/1999/xhtmlhead;　　meta http-equiv=“Content-Type” content=“text/html; 　　　charset=utf-8” /　　title无标题文档/title　　/head 　　body　　/body　　/html　　在上面代码中可以很清晰地显示出HTML源代码的基本结构：　　(1) 开始/结束：　　html文件内容/html;(2) 文件头标记：head头部内容/head(3) 主体标记：body文件主体内容/body(4) ?HTML注释：!--注释内容--;　　HTML是由标记、标记符的属性及标记所包含的文本、图像等内容所组成的。HTML的四种形式如下：　　(1) 空元素：如br；　　(2) 有属性的元素：如hr color=“blue”；　　(3) 有内容的元素：如title HTML语言基础/title；　　(4) 有内容及属性的元素：如font color=#FF6666 HTML语言基础/font；;　　1. ?HTML标记符　　标记符是HTML语言中一些定义网页内容格式和显示方式的指令，HTML标记中可以放置各种属性，标记符的属性用于控制网页内容的显示效果。HTML所有的标记符都用尖括号“”括起来，如head。　　HTML中绝大多数的标记符都是成对出现的，其间的内容就是该标记符作用的区域。每个起始标记会对应一个结束标记，两者的区别是结束标记符多了一个斜杠，如b和/b相对应，b表示字体加粗显示。但是也有一些标记符是单独标记符，它们没有结束标记符，如水平线标记符hr。 ;　　HTML的标记和标记可以嵌套使用，最外层是html和/html标记，html标记内一般有body和head两层，在body和head标记内可以嵌套其他标记。　　HTML标记符不区分大小写，但为了便于阅读，通常采用一致的大小写。任何回车和空格在源代码中不起作用，所有的标记符和内容都可以位于一行之中。用户在编写代码时，为了使代码看起来结构清晰，可以多使用空格和回车使代码清晰美观。　　在HTML源代码中，应该合理地利用注释标记，以便阅读源代码，注释语句只在源代码中出现，而不会在浏览器中显示。注释格式：!--注释内容--。;　　2. 标记符属性　　所谓标记符属性，就是用来描述对象特征的某种特性，　　HTML对于页面内容的详细控制实际上是通过设置标记符的相关属性来实现的。在HTML语言中，每个标记符都可以根据需要增加若干个属性。标记符所有的属性都包含在起始标记符的尖括号中，用“属性值”的形式表示，属性值通常用双引号括起来。如果一个标记符有多个属性，不同属性间用空格隔开。例如font size=1 color=#FF6666 HTML语言基础/font，其中font代表字体标记，size表示font标记的字体大小属性，c