九章网页制作.pptVIP

第九章 网页制作 第九章 网页制作 第九章 网页制作 9.1 HTML简介 9.2 FrontPage概述 9.3网页制作 9.4网页布局 9.5创建表单页面 9.6网页的发布 9.1 HTML简介 HTML即HyperText Markup Language 的缩写。它使用一些约定的标记（Tag）对文本进行标注，定义网页的数据格式，描述Web页中的信息，控制文本的显示。 我们把用HTML语言编写的文件称为HTML文件。它通常被存储在Web服务器上，客户端通过浏览器向Web服务器发出请求，服务器响应请求并将HTML文件发送给浏览器，然后由浏览器对文件中的标记作出相应的解释，以页面的形式呈现在用户屏幕上。因此，我们又把HTML文档在Web浏览器中的这种表现形式称为Web页面 (Web Page)。 HTML语言是一种标记语言，简单易学。用HTML语言编写的网页实际上是一种文本文件，它以.htm或.html为扩展名，我们可以使用任何文本处理软件（例如：记事本）编写。 9.1 HTML简介 9.1.1 HTML语言概述 9.1.2 HTML语言的基本语法 9.1.1 HTML语言概述 HTML语言是由世界性的标准化组织W3C(Wortd Wide Web Consortium)制定的。目前，其必威体育精装版的标准版本是HTML 4.0。 1. HTML文件的基本构成 Internet中的每一个HTML文件都包括两部分： （1）文本内容：含有需要展现的具体信息。 （2）HTML标记：负责控制文本显示的外观和版式。 多数HTML标记的书写格式如下： ＜标记名＞文本内容＜／标记名＞ 某些HTML标记还具有一些的属性（Attribute）。这些属性指定文本的一些特性，如背景颜色、字体大小、对齐方式等。标记属性的使用格式如下： ＜标记名 属性1=值1 属性2=值2 …＞ 文本内容 ＜／标记名＞ 9.1.1 HTML语言概述 标记名通常写在“＜＞”内。一般的HTML标记都具有起始和结束标记，并且成对出现，两者控制中间的文本，结束标记前要加“／”。但并不是所有的HTML标记都具有起始和结束标记，有些则没有结束标记。HTML标记不区分大小写。如：＜HTML＞、＜html＞或＜HtMl＞，其结果都是一样的。 标记名称和属性之间用空格分隔。如果标记有多种属性，属性之间也要用空格分开。 9.1.1 HTML语言概述 2. HTML网页的结构 HTML文件的层次结构： 一般HTML文件都是以html开头，又以/html结束。其文件结构由以下两部分组成： （1）头部（Head） HTML文件的头部由head和/head标记定义。通常情况下，文件的标题、有哪些信誉好的足球投注网站引擎所用的关键字以及语言字符集信息等都放在头部信息中。 （2）正文主体（Body） 由body和/body标记定义。body标记具有一些常用的属性，格式为： body bgcolor=#n text=#n…/body 其中，bgcolor为背景颜色；text为文本颜色。n为六位十六进制数。 如果网页使用背景图像，格式为： body background=”图片文件名”…/body 9.1.2 HTML语言的基本语法 1. 文本布局 (1)段落标记P p…/p标记指定文档中一个独立的段落。使用格式如下： p align=对齐方式 … /p p标记定义的两个段落之间留有一个空行。 (2) 换行标记br br标记可以强制文本换行。该标记只有开始标记。 (3) 水平线标记hr 水平线标记hr用于在网页中插入一条水平线。使用格式如下： hr width=宽度 size=高度 align=对齐方式 (4) 居中标记center center…/center标记中包含的内容显示在页面中央。 9.1.2 HTML语言的基本语法 例9-2 在网页中设置段落和页面格式。 html head title文本布局/title /head body center p在这里我们首先向您介绍有关HTML语言的基本知识和基本语法。br然后，讲授如何使用HTML语言编写您的Web页面。/p hr width=80% size=1 p align=left 段落左对齐 p align=center 段落居中 p align=right 段落右对齐 /center /body /html 9.1.2 HTML语言的基本语法 2. 文字格式 HTML语言中用于文字格式化的标记有： （1）标题标记h h标记定义文字标题。标题文字将以指定大小，黑体居中显示。 格式：hn 标题文字 /hn 其中，n为1到6的数字，