前导：HTML语言基本知识
1,HTML超文本描述语言
HTML（HyperText Markup Language）的中文名称为"超文本标记语言"，是一种专门用来设计网页的计算机标记语言，HTML对网页上的文字、图片等多媒体数据所出现的位置、形式、顺序及关系都使用标记（Tag）语法作定义以及对网页间加注超链接关系。通常，HTML文件以.htm为扩展名，浏览器根据Tag语法对*.htm文件的内容加以处理，按照其指定方式将文字、图片等多媒体数据显示或播放出来。
2,HTML文件的结构
HTML通过使用标记和元素（不区分大小写）来建立文件，并利用标记来控制文件的结构。一个标准的HTML文件是以<html>标记开始，并以</html>标记结束的，用来告知浏览器这是整个HTML文件的范围，如图2-1所示。
在<html>~</html>之间包含两个主要的部分：一个是HTML文件的头部（Head），称为"标题设定区"，放置一些有关该文件的识别数据，前后使用<head>~</head>标记框住；另一个是文件的主体（Body），称为"HTML网页文本区"，是显示在浏览器中的文件内容及其格式，前后使用<body>~</body>标记框住。 1、基本：步骤一 在文本文件编辑器中编写HTML文件（可参考下面的示例编写）。
步骤二 保存HTML文件。
步骤三 在浏览器中观察所编辑的HTML文件的显示效果。
示例1：标题标记，效果如图所示。
<html>
<head>
<title>网上商店</title>
</head>
<body>
欢迎访问网上商店！
</body>
</html>
2、格式化
<html>
<head>
<title>网上商店</title>
</head>
<body>
<h1>欢迎访问网上商店！</h1>
<h2>欢迎访问网上商店！</h2>
<h3>欢迎访问网上商店！</h3>
<h4>欢迎访问网上商店！</h4>
</body>
</html>
提示：<h1>~<h6>标记用于设置段落标题的大小级数，其中<h1>是最大的标题，然后逐级变小，最小的是<h6>。此标记后可以加入align属性来控制文字的对齐方式，属性值可以取left（左对齐）、right（右对齐）、center（居中）。例如"<h1 align="center">欢迎欢迎访问网上商店！</h1>"，表示将标记中的文字居中显示。
3、分段与换行，效果如图所示。
<html>
<head>
<title>新书介绍</title>
</head>
<body>
<h3> 新书介绍 </h1>
<p align="center">Linux上机实践教程</p>
<center>希望本书能帮助您快速掌握Linux的使用技术！</center>
第一章 Linux的安装<br>
第二章 Linux系统的基本使用<br>
第三章 vi编辑器及文本文件的基本操作<br>
第四章 Linux内核机制<br>
</body>
</html>
提示：n<p>是段落标记。浏览器每遇到一个<p>标记，就会将标记后的文字从新的一行开始显示，并 且每个用<p>标记所形成的段落之间会自动空一行。<p>是成对标记，其中</p>可省略。
<br>是换行标记，属于非成对标记。
<center>是居中标记，用于将标记范围内的文字或图片居中放置。
4、标记文字格式（修改示例2中的阴影部分），效果如图所示。
…… ……
<font face="隶书" size="6" color="blue">
<p align="center">Linux上机实践教程</p></font>
<font size="-1"><center>希望本书能帮助您快速掌握Linux的使用技术！</center></font>
<font size="+1">第一章 Linux的安装<br>
第二章 Linux系统的基本使用<br>
第三章 vi编辑器及文本文件的基本操作<br>
第四章 Linux内核机制<br></font>
…… ……
提示：使用字体标记<font>可以设置文字的字体、大小和颜色，并且不会像<h1>~<h6>标题标记那样自动将字体加粗以及在文字上下空一行。<font>是成对标记，有三种属性：
face：用来设置文字所使用的字体，如face="楷体"。
size：用来设置文字的大小，属性值为1~7，预设为3。也可以使用相对大小设定，如 size="+1"表示将字体大小往上升一级。
color属性：用来设置文字的颜色。可使用颜色的英文名称设置，例如black（黑色）, white（白色）、red（红色）、green（绿色）、blue（蓝色）和cyan（青色）。
5、标记列表（修改示例3中的阴影部分），效果如图所示。
…… ……
<font face="隶书" size="6" color="blue">
<p align="center">Linux上机实践教程</p></font>
<font size="-1"><center>希望本书能帮助您快速掌握Linux的使用技术！</center></font>
<ul>
<font size="+1">
<li>第一章 Linux的安装<br>
<li>第二章 Linux系统的基本使?lt;<br>
<li type="circle">第三章 vi编辑器及文本文件的基本操作<br>
<li type="circle">第四章 Linux内核机制<br></font>
</ul>
…… ……
提示：<ul>标记称为"项目列表"标记，是成对标记。在<ul>标记之间还可以使用<li>标记来设定项目内容。<li>标记中使用type属性，可以显示不同形状的项目符号：
不加type属性：项目符号显示为●（默认值）。
type="circle"：项目符号显示为○。
type="square"：项目符号显示为■。
6、链接标记的设置
步骤一 在文本文件编辑器中编写HTML文件（可参考下面的示例编写）。
步骤二 保存HTML文件。
步骤三 在浏览器中观察所编辑的HTML文件的显示效果。
示例：效果如图所示。
<html>
<head>
<title>使用超级链接</title>
</head>
<body>
<font face="黑体">友情链接</font>
<ul>
<li><a href="http://www.online.sh.cn">上海热线</a>
<li><a href="http://www.sina.com.cn">新浪网</a>
</ul>
<font face="黑体">链接到本机中的网页</font>
<a href="htmllx2.htm">新书介绍</a>
</body>
</html>
提示：当我们要在网页中制作"超级链接"时，必须使用成对标记<a>~</a>来完成链接工作。在<a>标记中，可以使用绝对网址或相对网址表示链接目标：
"绝对网址"是直接写出所链接的文件位于那个服务器中的网站内，主要用来链接其他网站的网页，例如"<a href="http://www.online.sh.cn">"（如果不指定文件名，表示链接到该路径下的首页）。
"相对网址"指出所链接的文件相对于目前网页所在的位置来表示，通常用来链接当前前网站中的其它网页，例如"<a href=" htmllx2.htm ">"。
Frontpage2000中文教程：第一章 认识Frontpage2000
本教程教你学会使用微软公司的Frontpage2000，或许你认为制作主页是一门很深奥的工作，需要懂得大量的计算机知识。我现在要告诉你，你错了。在这个流行图形操作系统的今天，制作主页不再需要你去学习复杂，烦躁的HTML语言了，你只需要知道一个概念：主页（也称网页，怎么样称呼都无所谓）就象一张白纸，你可以在上面写字，画画等等，通过自己的设计，那张白纸可以变成很漂亮。做主页时就是这个概念，只不过我们写字，画画是用笔和白纸，而做主页我们是用鼠标，键盘和Frontpage：）
当然制作网页的工具不单只有Frontpage2000，还有许许多多好用的工具。但是对于初学者来说，Frontpage2000是最好不过了，因为它操作简单，方便使用，最适合初学者。或许你下了决心要做一个专业网页制作人员，要学会更多更专业的网页制作工具，但是我还是希望你先学习使用Frontpage2000，打好扎实的基础怎么样也好一点对吧。
学习本教程之前,
具体安装方法：把Office2000光盘塞入光驱，在安装向导出现选择要安装的文件时，选择Frontpage2000“从本机运行”（如图1）。
（图1）
（图2）
另外Office2000附带了一些好看的字体文件，在选择安装文件时，你也可以在文件列表下面的“Office2000工具”中选择安装（如图2）。
安装好了Frontpage2000，我们就可以开始学习了。
第一章 认识Frontpage2000
安装好Frontpage2000后你可以在Windows的开始菜单运行它。
首先我们来认识一下Frontpage2000的操作界面（如图3）。
（图3）
我们来把Frontpage2000的界面划分成两半，好的，那么我们看图3，我们把红线以上的那部分叫控制窗，红线以下的叫制作窗。
控制窗包括常见的那些“文件，编辑”菜单，虽然看上去挺多挺复杂，但是它大部分常用的命令都归到了下面一栏的按纽栏中去了。你看，在流行图形操作界面的今天，我们是多么地幸福啊：）下面一栏为属性栏，我们可以用这栏来定置文字和图片的属性等等。
制作窗包括编辑区和切换按纽。我们就把编辑区当做是一张白纸吧，你可以在上面写字（用键盘打字）和画画（插入图片），具体操作我们将在下几章学习。编辑区左下角有三个按纽，我们把它们叫做切换按纽：点“普通”按纽，就会出现默认的编辑区。点“HTML”按纽，编辑区就会变成一个满是英文（？！）的窗口，我们可以在这里编辑HTML，但是对于初学者，笔者不建议你去乱动。做好了网页的时候，我们可以点一下“预览”按纽来观看自己做的网页，不满意可以再点“普通”按纽回到编辑区修改。
另外当你第一次运行Frontpage2000的时候，你会看到编辑区左边会有另外的一栏，灰色的，上面有几个按纽，它叫“视图”栏。它可以让你更方便地查看网页的大小，连接等等。但是有时我们会觉得它妨碍了我们的工作，使编辑区看起来很窄很不舒服，为了不让它妨碍我们工作，我们可以点击控制窗菜单栏里的“查看→视图”（如图4），使它消失，要使用的时候再重复点击一次使它出现,
（图4）
这里还要说明一下：,控制窗”“制作窗”这些，真正专业一点可能不是这样叫的，但是这么可以更方便通过本教程学好Frontpage2000，我们就这样叫，管它专业不专业的：）
1,HTML超文本描述语言
HTML（HyperText Markup Language）的中文名称为"超文本标记语言"，是一种专门用来设计网页的计算机标记语言，HTML对网页上的文字、图片等多媒体数据所出现的位置、形式、顺序及关系都使用标记（Tag）语法作定义以及对网页间加注超链接关系。通常，HTML文件以.htm为扩展名，浏览器根据Tag语法对*.htm文件的内容加以处理，按照其指定方式将文字、图片等多媒体数据显示或播放出来。
2,HTML文件的结构
HTML通过使用标记和元素（不区分大小写）来建立文件，并利用标记来控制文件的结构。一个标准的HTML文件是以<html>标记开始，并以</html>标记结束的，用来告知浏览器这是整个HTML文件的范围，如图2-1所示。
在<html>~</html>之间包含两个主要的部分：一个是HTML文件的头部（Head），称为"标题设定区"，放置一些有关该文件的识别数据，前后使用<head>~</head>标记框住；另一个是文件的主体（Body），称为"HTML网页文本区"，是显示在浏览器中的文件内容及其格式，前后使用<body>~</body>标记框住。 1、基本：步骤一 在文本文件编辑器中编写HTML文件（可参考下面的示例编写）。
步骤二 保存HTML文件。
步骤三 在浏览器中观察所编辑的HTML文件的显示效果。
示例1：标题标记，效果如图所示。
<html>
<head>
<title>网上商店</title>
</head>
<body>
欢迎访问网上商店！
</body>
</html>
2、格式化
<html>
<head>
<title>网上商店</title>
</head>
<body>
<h1>欢迎访问网上商店！</h1>
<h2>欢迎访问网上商店！</h2>
<h3>欢迎访问网上商店！</h3>
<h4>欢迎访问网上商店！</h4>
</body>
</html>
提示：<h1>~<h6>标记用于设置段落标题的大小级数，其中<h1>是最大的标题，然后逐级变小，最小的是<h6>。此标记后可以加入align属性来控制文字的对齐方式，属性值可以取left（左对齐）、right（右对齐）、center（居中）。例如"<h1 align="center">欢迎欢迎访问网上商店！</h1>"，表示将标记中的文字居中显示。
3、分段与换行，效果如图所示。
<html>
<head>
<title>新书介绍</title>
</head>
<body>
<h3> 新书介绍 </h1>
<p align="center">Linux上机实践教程</p>
<center>希望本书能帮助您快速掌握Linux的使用技术！</center>
第一章 Linux的安装<br>
第二章 Linux系统的基本使用<br>
第三章 vi编辑器及文本文件的基本操作<br>
第四章 Linux内核机制<br>
</body>
</html>
提示：n<p>是段落标记。浏览器每遇到一个<p>标记，就会将标记后的文字从新的一行开始显示，并 且每个用<p>标记所形成的段落之间会自动空一行。<p>是成对标记，其中</p>可省略。
<br>是换行标记，属于非成对标记。
<center>是居中标记，用于将标记范围内的文字或图片居中放置。
4、标记文字格式（修改示例2中的阴影部分），效果如图所示。
…… ……
<font face="隶书" size="6" color="blue">
<p align="center">Linux上机实践教程</p></font>
<font size="-1"><center>希望本书能帮助您快速掌握Linux的使用技术！</center></font>
<font size="+1">第一章 Linux的安装<br>
第二章 Linux系统的基本使用<br>
第三章 vi编辑器及文本文件的基本操作<br>
第四章 Linux内核机制<br></font>
…… ……
提示：使用字体标记<font>可以设置文字的字体、大小和颜色，并且不会像<h1>~<h6>标题标记那样自动将字体加粗以及在文字上下空一行。<font>是成对标记，有三种属性：
face：用来设置文字所使用的字体，如face="楷体"。
size：用来设置文字的大小，属性值为1~7，预设为3。也可以使用相对大小设定，如 size="+1"表示将字体大小往上升一级。
color属性：用来设置文字的颜色。可使用颜色的英文名称设置，例如black（黑色）, white（白色）、red（红色）、green（绿色）、blue（蓝色）和cyan（青色）。
5、标记列表（修改示例3中的阴影部分），效果如图所示。
…… ……
<font face="隶书" size="6" color="blue">
<p align="center">Linux上机实践教程</p></font>
<font size="-1"><center>希望本书能帮助您快速掌握Linux的使用技术！</center></font>
<ul>
<font size="+1">
<li>第一章 Linux的安装<br>
<li>第二章 Linux系统的基本使?lt;<br>
<li type="circle">第三章 vi编辑器及文本文件的基本操作<br>
<li type="circle">第四章 Linux内核机制<br></font>
</ul>
…… ……
提示：<ul>标记称为"项目列表"标记，是成对标记。在<ul>标记之间还可以使用<li>标记来设定项目内容。<li>标记中使用type属性，可以显示不同形状的项目符号：
不加type属性：项目符号显示为●（默认值）。
type="circle"：项目符号显示为○。
type="square"：项目符号显示为■。
6、链接标记的设置
步骤一 在文本文件编辑器中编写HTML文件（可参考下面的示例编写）。
步骤二 保存HTML文件。
步骤三 在浏览器中观察所编辑的HTML文件的显示效果。
示例：效果如图所示。
<html>
<head>
<title>使用超级链接</title>
</head>
<body>
<font face="黑体">友情链接</font>
<ul>
<li><a href="http://www.online.sh.cn">上海热线</a>
<li><a href="http://www.sina.com.cn">新浪网</a>
</ul>
<font face="黑体">链接到本机中的网页</font>
<a href="htmllx2.htm">新书介绍</a>
</body>
</html>
提示：当我们要在网页中制作"超级链接"时，必须使用成对标记<a>~</a>来完成链接工作。在<a>标记中，可以使用绝对网址或相对网址表示链接目标：
"绝对网址"是直接写出所链接的文件位于那个服务器中的网站内，主要用来链接其他网站的网页，例如"<a href="http://www.online.sh.cn">"（如果不指定文件名，表示链接到该路径下的首页）。
"相对网址"指出所链接的文件相对于目前网页所在的位置来表示，通常用来链接当前前网站中的其它网页，例如"<a href=" htmllx2.htm ">"。
Frontpage2000中文教程：第一章 认识Frontpage2000
本教程教你学会使用微软公司的Frontpage2000，或许你认为制作主页是一门很深奥的工作，需要懂得大量的计算机知识。我现在要告诉你，你错了。在这个流行图形操作系统的今天，制作主页不再需要你去学习复杂，烦躁的HTML语言了，你只需要知道一个概念：主页（也称网页，怎么样称呼都无所谓）就象一张白纸，你可以在上面写字，画画等等，通过自己的设计，那张白纸可以变成很漂亮。做主页时就是这个概念，只不过我们写字，画画是用笔和白纸，而做主页我们是用鼠标，键盘和Frontpage：）
当然制作网页的工具不单只有Frontpage2000，还有许许多多好用的工具。但是对于初学者来说，Frontpage2000是最好不过了，因为它操作简单，方便使用，最适合初学者。或许你下了决心要做一个专业网页制作人员，要学会更多更专业的网页制作工具，但是我还是希望你先学习使用Frontpage2000，打好扎实的基础怎么样也好一点对吧。
学习本教程之前,
具体安装方法：把Office2000光盘塞入光驱，在安装向导出现选择要安装的文件时，选择Frontpage2000“从本机运行”（如图1）。
（图1）
（图2）
另外Office2000附带了一些好看的字体文件，在选择安装文件时，你也可以在文件列表下面的“Office2000工具”中选择安装（如图2）。
安装好了Frontpage2000，我们就可以开始学习了。
第一章 认识Frontpage2000
安装好Frontpage2000后你可以在Windows的开始菜单运行它。
首先我们来认识一下Frontpage2000的操作界面（如图3）。
（图3）
我们来把Frontpage2000的界面划分成两半，好的，那么我们看图3，我们把红线以上的那部分叫控制窗，红线以下的叫制作窗。
控制窗包括常见的那些“文件，编辑”菜单，虽然看上去挺多挺复杂，但是它大部分常用的命令都归到了下面一栏的按纽栏中去了。你看，在流行图形操作界面的今天，我们是多么地幸福啊：）下面一栏为属性栏，我们可以用这栏来定置文字和图片的属性等等。
制作窗包括编辑区和切换按纽。我们就把编辑区当做是一张白纸吧，你可以在上面写字（用键盘打字）和画画（插入图片），具体操作我们将在下几章学习。编辑区左下角有三个按纽，我们把它们叫做切换按纽：点“普通”按纽，就会出现默认的编辑区。点“HTML”按纽，编辑区就会变成一个满是英文（？！）的窗口，我们可以在这里编辑HTML，但是对于初学者，笔者不建议你去乱动。做好了网页的时候，我们可以点一下“预览”按纽来观看自己做的网页，不满意可以再点“普通”按纽回到编辑区修改。
另外当你第一次运行Frontpage2000的时候，你会看到编辑区左边会有另外的一栏，灰色的，上面有几个按纽，它叫“视图”栏。它可以让你更方便地查看网页的大小，连接等等。但是有时我们会觉得它妨碍了我们的工作，使编辑区看起来很窄很不舒服，为了不让它妨碍我们工作，我们可以点击控制窗菜单栏里的“查看→视图”（如图4），使它消失，要使用的时候再重复点击一次使它出现,
（图4）
这里还要说明一下：,控制窗”“制作窗”这些，真正专业一点可能不是这样叫的，但是这么可以更方便通过本教程学好Frontpage2000，我们就这样叫，管它专业不专业的：）
