文档介绍：第三章网页制作
2018/6/15
1
第九章网页制作
第三章网页制作
HTML简介
FrontPage概述
2018/6/15
2
第九章网页制作
HTML简介
HTML即HyperText Markup Language 的缩写。它使用一些约定的标记(Tag)对文本进行标注,定义网页的数据格式,描述Web页中的信息,控制文本的显示。
我们把用HTML语言编写的文件称为HTML文件。它通常被存储在Web服务器上,客户端通过浏览器向Web服务器发出请求,服务器响应请求并将HTML文件发送给浏览器,然后由浏览器对文件中的标记作出相应的解释,以页面的形式呈现在用户屏幕上。因此,我们又把HTML文档在Web浏览器中的这种表现形式称为Web页面(Web Page)。
HTML语言是一种标记语言,简单易学。用HTML语言编写的网页实际上是一种文本文件,,我们可以使用任何文本处理软件(例如:记事本)编写。
2018/6/15
3
第九章网页制作
HTML语言概述
HTML语言的基本语法
HTML简介
2018/6/15
4
第九章网页制作
HTML语言概述
HTML语言是由世界性的标准化组织W3C(Wortd Wide Web Consortium)制定的。目前,其最新的标准版本是HTML 。
1. HTML文件的基本构成
中的每一个HTML文件都包括两部分:
(1)文本内容:含有需要展现的具体信息。
(2)HTML标记:负责控制文本显示的外观和版式。
多数HTML标记的书写格式如下:
<标记名>文本内容</标记名>
某些HTML标记还具有一些的属性(Attribute)。这些属性指定文本的一些特性,如背景颜色、字体大小、对齐方式等。标记属性的使用格式如下:
<标记名属性1=值1 属性2=值2 …> 文本内容</标记名>
2018/6/15
5
第九章网页制作
HTML语言概述
标记名通常写在“<>”内。一般的HTML标记都具有起始和结束标记,并且成对出现,两者控制中间的文本,结束标记前要加“/”。但并不是所有的HTML标记都具有起始和结束标记,有些则没有结束标记。HTML标记不区分大小写。如:<HTML>、<html>或<HtMl>,其结果都是一样的。
标记名称和属性之间用空格分隔。如果标记有多种属性,属性之间也要用空格分开。
2018/6/15
6
第九章网页制作
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>
2018/6/15
7
第九章网页制作
HTML语言的基本语法
1. 文本布局
(1)段落标记<P>
<p>…</p>标记指定文档中一个独立的段落。使用格式如下:
<p align=对齐方式> …</p>
<p>标记定义的两个段落之间留有一个空行。
(2) 换行标记<br>
<br>标记可以强制文本换行。该标记只有开始标记。
(3) 水平线标记<hr>
水平线标记<hr>用于在网页中插入一条水平线。使用格式如下:
<hr width=宽度 size=高度 align=对齐方式>
(4) 居中标记<center>
<center>…</center>标记中包含的内容显示在页面中央。
2018/6/15
8
第九章网页制作
HTML语言的基本语法
例3-2 在网页中设置段落和页面格式。
<html>
<head> <title>文本布局</title> </head>
<body >
<center>
<p>在这里我们首先向您介绍有关HTML语言的基本知识和基本语法。<br>然后,讲授如何使用HTML语言编写您的Web页面。</p>
<hr width=80% size=1>
<p al