计算机文化基础课件第9章.ppt

——大学IT—— 第 九 章 网 页 制 作 第九章 网页制作 9.1 HTML简介 9.2 FrontPage 2003概述 9.3 网页制作 9.4 网页布局 9.5 创建表单页面 9.6 网页的发布 9.1 HTML简介HTML即Hypertext Markup Language的缩写。它使用一些约定的标记（Tag）对文本进行标注，定义网页的数据格式，描述Web页中的信息，控制文本的显示。我们把用HTML语言编写的文件称为HTML文件。它通常被存储在Web服务器上，客户端通过浏览器向Web服务器发出请求，服务器响应请求并将HTML文件发送给浏览器，然后由浏览器对文件中的标记作出相应的解释，以页面的形式呈现在用户屏幕上。因此，我们又把HTML文档称为网页 (Web Page)。9.1 HTML简介 HTML语言是一种标记语言，简单易学。用HTML语言编写的网页实际上是一种文本文件，它以.htm或.html为扩展名，我们可以使用任何文本处理软件（例如：记事本）编写。 9.1.1 HTML语言概述 9.1.2 HTML语言的基本语法 9.1.1 HTML语言概述 HTML语言是由世界性的标准化组织W3C（World Wide Web Consortium）制定的，通过浏览可以了解到HTML标准的必威体育精装版动态。 下面介绍HTML文件的基本构成和HTML文件的层次结构。 1. HTML文件的基本构成Internet中的每一个HTML文件都包括文本内容和HTML标记两部分。其中，HTML标记负责控制文本显示的外观和版式，并为浏览器指定各种链接的图像、声音和其他对象的位置。多数HTML标记的书写格式如下： 标记名文本内容/标记名标记名写在“ ”内。多数HTML标记同时具有起始和结束标记，并且成对出现，但也有些HTML标记没有结束标记。另外，HTML标记不区分大小写。 某些HTML标记还具有一些属性，这些属性指定对象的特性，如背景颜色、文本字体及大小、对齐方式等。属性一般放在“起始标记”中，格式如下： 标记名 属性1=值1 属性2=值2 … 文本内容 /标记名其中标记名和属性之间用空格分隔。如果标记有多种属性，属性之间也要用空格分隔。 2. HTML网页的结构现在我们先看一个简单的HTML文件，从中体会用HTML语言编写网页时的层次结构。 【例9-1】用HTML语言编写一个简单的网页。 html head title我的第一个Web页/title /head body h1欢迎进入HTML世界！/h1 p这里我们首先介绍HTML语言的基本知识和语法。然后，讲授如何使用HTML语言编写您的Web页面。/p /body /html HTML语言概述将上述代码用文本编辑器编辑并保存为一个扩展名为.htm的文件，双击该文件图标，在浏览器中看到如下图所示的结果。 从上例可以看出，一般HTML文件都是以html开头，以/html结束。其文件结构由以下两部分组成： 1）头部（Head）HTML文件的头部由head和/head标记定义。通常情况下，文件的标题、语言字符集信息等都放在头部信息中。最常用到的标记是title…/title，它用于定义网页文件的标题，当该网页文件被打开后，网页文件的标题将出现在浏览器的标题栏中。 文件结构 2）正文主体（Body） 正文主体是HTML文件的核心内容，由body和/body标记定义。body标记具有一些常用的属性，格式如下： body bgcolor=#n color=#n…/body 其中，bgcolor为背景颜色，color为文本颜色。n为六位十六进制数。 如果网页使用背景图像，格式如下： body background=路径/图片文件名…/body HTML对格式的要求并不严格，当HTML文件被浏览器扫描时，所有包含在文件中的空格、回车等均被忽略。因此你可以将一行写成两行或多行，在浏览器中结果是相同的。 9.1.2 HTML语言的基本语法 1. 文本布局 1）段落标记p p…/p标记指定文档中一个独立的段落。通过设置align属性，控制段落的对齐方式，其值可以是left、center、right、justify，分别表示左对齐、居中、右对齐和两端对齐，默认值为左对齐。 使用格式如下： p align=对齐方式 … /p 2）换行标记br br标记可以强制文本换行。该标记只有起始标记。 3）水平线标记hr 水平线标记hr用于在网页中插入一条水平线。 2. 文字格式HTML语言中用于文字格式化的标记有：1）标题标记hn 格式为：hn 属性=属性值 标题文字内容 /hn 其中n说明大小级别，取值范围为1到6的数字。把标题分