大学计算机文化基础-网页设计成果

WWW 服务是目前Internet 中使用最为广泛的一种服务。在WWW 中发布的信息是用超文本标记语言编写并以网页形式存放的。

要想制作一个普通网页其实并不复杂，使用任何字处理软件（如Word、“记事本”、“写字板”等）或“所见即所得”的网页编辑工具（如FrontPage、Dreamweaver 等）都可以完成。为了便于读者理解，本节将简要介绍一些有关网页制作的基本知识。

1.HTML 简介

HTML 是一种专门用来创建网页的计算机标记语言。HTML 利用一些指令符号来标记各种文件效果，再由浏览器来解释这些标记并将格式效果展现出来。用HTML 创建的文件是扩展名为“.html”或“.htm”的ASCII 码文件。

【注意】 HTML 不区分大小写，也就是说＜html＞与＜HTML＞将产生同样的效果。

2.HTML 的基本结构

HTML 文件是一种层次结构文件，分为文件头和文件体两部分。其中，在文件头部分包含了与文件相关的信息，在文件体部分包含了正文信息。

以下是一个简单的HTML 文件，如图8-4-1所示。可以先在“记事本”程序中直接录入，然后再以文件名“mytest1.html”存放在C 盘根目录下。

此时，可以在IE 浏览器地址栏中输入“c：＼ mytest1.html”并按Enter 键，显示的网页效果如图8-4-2所示。

图8-4-1

图8-4-2

在以上的HTML 程序中，用一对尖括号括起来的部分称为标记。HTML 的标记大部分是成对出现的，其中一个是起始标记，另一个带斜线的是结束标记。常用的HTML 标记包括如下几个：

①标记＜html＞和＜/html＞表示整个HTML 文件的开始和结束，HTML 文件的其他内容都包含在这一对标记之中。

②标记＜head＞和＜/head＞之间的内容是网页头，其中标记＜title＞和＜/title＞用于定义网页题目，它的内容会显示在网页窗口的标题栏中。

③在标记＜body＞和＜/body＞之间的是网页的主体部分，是网页中实际显示的内容。(www.xing528.com)

④标记＜H1＞和＜/H1＞、＜H2＞和＜/H2＞、…、＜H6＞和＜/H6＞用于设定标题。

⑤标记＜p＞和＜/p＞用于标记段落，在＜p＞后的内容会换行显示。

⑥标记＜center＞和＜/center＞表示居中显示。

⑦标记＜a＞和＜/a＞表示超链接，在这一对标记之间用属性“href”指出所要超链接的URL。

3.一个简单实例

①在C 盘根目录下新建一个记事本文件“index.html”，输入如下代码，如图8-4-3所示。

②在C 盘根目录下新建另一个记事本文件“mytest2.html”，输入如下代码，如图8-4-4所示。

图8-4-3

图8-4-4

③在IE 浏览器地址栏中输入“c：＼ mytest2.html”并按Enter 键，则显示网页如图8-4-5所示。

图8-4-5

其中，“欢迎进入我的主页”是一个超链接，单击该处可转入文件“index.html”。