第11章 网页计基础.pptVIP

11.1 网页概述 网页使用超文本标记语言（HTML）编写而成，通常又称为HTML文件，其文件扩展名默认为html和htm。HTML语言是构成网页的基础，而可视化的网页制作工具是网页设计的捷径。 常用的可视化网页制作工具有： FrontPage：Office自带的一款HTML编辑器，用于对Web站点、Web页和Web应用程序进行设计、编码和开发，操作简单实用，可以让初学者轻松地创建个人网站。 Dreamweaver：这是网页三剑客之一，专门制作网页的工具，界面简单，实用功能比较强大。利用该工具，可以自动将网页生成代码。 此外，还可以使用代码编辑工具，例如写字本、EditPlus等。这些工具主要用来编辑ASP等动态网页。还有一些网络编程工具如Javascript、Java编辑器等，也常常参与到网页的编写工作中来。 11.1.2 网页的操作 11.1.3 网页与网站 11.2 HTML语言 11.2.2 HTML基本语法 HTML语言是一种“标记”语言，它通过夹在两个尖括号标记字符串来控制文本、图像的显示方式，例如HTML、BODY、TABLE。浏览器不显示标记，但要按照标记的要求显示网页内容。 1．标记 “标记”是HTML用来描述功能的符号。标记在使用是必须用尖括号“”括起来，而且是成对出现，无斜杠的标记表示该标记的作用开始，有斜杠的标记表示该标记的作用结束。 2．标记的语法 为了明确一个标记的功能，往往用一些属性参数来描述，对这些属性参数的规定上就是所谓的语法。标记可以有多个属性，各个属性用空格分开。 例如：段落标记的语法格式是： p align= left| center| right class=type 这说明P标记有两个属性参数，即“align”和“class”，其中“align”用于定义段的位置是靠左、靠右还是居中，而“class”则是定义所属的类型。 11.2.3 HTML文件结构 一个网页的内容不论多么丰富，其基本结构都是一样的，主要由头部和体部两部分组成。 文档头部由标记符head和/head之间内容表示，而文档体部由标记符body和/body之间内容表示，两部分内容都包含在html和/html之间。文档头部分主要包括一些页面的整体设置以及相关页面的注释信息，而文档的主体部分则是实际要在页面中表现的内容。 参见例11-1制作一个非常简单的HTML网页。 11.2.3 HTML常用标记 1．页面标记 html和/html标记共同构成文档的首尾标记。 head和/head标记构成文档的头部部分。 title和/title标记规定网页在被浏览时浏览器窗口的标题栏中应显示出内容。 body和/body标记定义了网页在被浏览时浏览器窗口的工作区中应显示出。 body标记的各种属性可以设置网页的各种特征。 2．文字标记 在HTML语言中，font标记用来说明文本显示的各种特征。例如，文字的大小、字体、色彩等。 3．字符样式标记 字体样式标记符主要用来设置字体的形态、样式以及大小等。b标记设定文本加粗显示；u标记设定文本加下划线显示；i标记设定文本倾斜显示；s标记设定删除线。 4．标题文字标记 hn标记用于在网页的主体部分显示各种标题文本。标题号n越小，字体越大。hn可以有对齐属性，align＝#，#为left，标题居左；#为center，标题居中；#为right，则标题居右。 5．段落与分行标记 段落标记P是HTML标记中最常见的一种符号，它位于各段落起始部位，使用该标记后，每块文本段落之间都会空出一行。html的分段完全依赖于段落标记P。另外，对于P标记来说，可使用/P来做结尾，也可不使用。p也可以有多种属性，比较常用的属性是align，其值可以是left，center，right。 例如，p align=center本段落居中显示/p。 6．列表格式标记 列表是一种常用的组织信息的方式，HTML语言可以实现以下常用的列表：无序列表、有序列表和定义列表。 7．表格标记 通过table…/table可以定义表格，表格中还可包括标记符table、标记符tr、标记符td等。 8．图像与标尺标记 在HTML语言中，img标记可以在网页中嵌入图像。 9．超链接标记 超链接是指从一个网页指向一个目标的连接关系，这个目标既可以是另一个网页，也可以是相同网页上的不同位置，还可以是一张图片、一个电子邮件地址，甚至是一个应用程序。在H