第九章 网页制作【荐】.docVIP

第九章 网页制作 §9-1 HTML简介（P258） HTML是超文本标记语言（Hypertext Markup Language）的英文缩写，是WWW技术的基础。它使用一些约定的标记（Tag）对文本进行标注，定义网页的数据格式，描述Web页中的信息，控制文本的显示。 用HTML语言编写的文件，称为HTML文件。它通常存储在Web服务器上，客户端通过浏览器向Web服务器发出请求，服务器响应请求并将HTML文件发送给浏览器对文件中的标记做出相应解释，以页面的形式呈现在用户屏幕上。因此，HTML文档又称为网页（Web Page）。P239-12， 用HTML语言编写的网页实际上是一种文本文件，它以.htm（静态网页）或.html（动态网页）为扩展名。HTML文件可用任何文本处理软件（如记事本、写字板）编写。P219-1-1，P219-1-5，P238-1， 一、HTML语言概述（P258） HTML语言是由世界性的标准化组织W3C（Worid Wide Web Consortium）制定的，通过网站可以了解HTML标准的最新动态。 ㈠、HTML文件的基本构成（P258） 1、HTML文件的组成：每一个HTML文件都包括HTML标记和文本内容两部分。 2、HTML标记：HTML标记负责控制文本显示的外观和版式，并为浏览器指定各种链接的图像、声音和其他对象的位置。其一般格式为： 标记名文本内容/标记名 标记名写在“”内。多数HTML标记同时具有起始标记和结束标记，且成对出现；但也有些HTML标记没有结束标记。HTML标记不区分大小写。P218-1，P219-2-1，P219-2-5， 某些HTML标记还具有一些属性。这些属性指定对象的特性，如背景颜色、文本字体大小、对齐方式等。属性一般放在“开始标记”中，格式如下： 标记名 属性1=值1 属性2=值2 …文本内容/标记名 其中，标记名和属性、属性和属性之间用空格分隔。 ㈡、HTML网页的结构（P258） 〖例1〗（P258） html head title我的第一个Web页/title /head body h1欢迎进入HTML世界！/h1 p这里我们首先介绍HTML语言的基本知识和语法。然后，讲授如何使用HTML语言编写您的Web页面。/p /body /html 将上述代码用文本编辑器编辑并保存为一个扩展名为.htm的文件，双击该文件图标，在浏览器中将看到图9-1（P259）所示的结果。 从上例可看出，HTML文件一般都是以html开头，以/html结束。其文件结构由两部分组成。P218-2， ⑴．头部（head）：以head开始，以/head结束的部分。 通常文件的标题、语言字符集信息等，都放在头部信息中。最常用的标记是title…/title，它用来定义网页文件的标题。当该网页文件被打开后，网页文件标题将显示在浏览器的标题栏中。P239-13， ⑵．正文主体（body）：正文主体是HTML文件的核心内容，它以body开始，以/body结束。 body标记具有一些常用的属性，格式如下： body bgcolor=#n color=#n …/body 其中，bgcolor为背景颜色，color为文本颜色，n为六位十六进制数。 如果网页使用背景图像，格式为： body background=”路径/图片文件名”…/body HTML对格式的要求并不严格，当HTML文件被浏览器扫描时，所有包含在文件中的空格、回车等均被忽略。因此，可将一行写为两行或多行，在浏览中结果是一样的。P219-2-4， 二、HTML语言的基本语法（P259） ㈠、文本布局（P259） 1、段落标记p 用p…/p标记指定文档中一个独立的段落。 通过设置align属性，控制段落的对齐方式，其值可以是left（左对齐）、center（居中）、right（右对齐）、justify（两端对齐），默认左对齐。使用格式为：P218-3， p align=对齐方式…/p p标记定义的两个段落之间留有一个空行。 2、换行标记br br标记强制文本换行。该标记只有开始标记。 3、水平线标记hr hr标记用于在网页中插入条水平线。P218-4， ㈡、文字格式（P260） 1、标题标记hn 格式：hn 属性=属性值标题文字内容/hn 说明：n为取值范围，分为6级，h1文字最大，h6文字最小。P238-2， 2、字体标记fontP291-1-3， ⑴．size属性：控制文字大小。格式为： font size=n…/font 其中，n的取值范围为1～7的数字，默认值为3。P218-5， font标记和hn标记都可以控制文字大小，但一般用hn标记控制标题文字大小，其他文字大小由fo