网页制作简易教程.docVIP

网页制作简易教程（一） 一、什么是HTML文件？ 　　你一定注意过，用浏览器浏览许多网站时，地址栏内文字的最后都有html（或者htm）字样，这就是大多数网页文件的扩展名（注1）。也就是说，大部分网页文件是html格式的。所谓HTML，是hype text markup language的缩写，中文含义是超文本链接语言，html就是一种编写网页的规范要求。（注2） 　　注1：所谓扩展名，是文件名的一部分，和主文件名用.分隔开来，比如index.htm的主文件名是index，htm是扩展名。扩展名一般表示文件类型。 　　注2：在Windows服务器（这里指提供网页内容的计算机）上，文件名不区分大小写，然而有的计算机上，对文件名要求较严，建议扩展名以小写htm为准。htm和html文件其实要求是一样的，后面我将不区分这两种文件。 二、用什么来编写html文件？ 　　目前可以编写html文件的软件较多，如Microsoft公司出品的属于Office系列的FrontPage，Macromedia公司出品的网页制作三剑客之一的Dream Ware，都是著名的网页制作软件。其实，仅用Windows附件中的记事本就可以编写网页文件。只是需要注意一点，在保存文件的时候，一定在文件类型中选择“所有类型（*.*）”，然后在文件名的最后添加“.htm”就可以了。 　　当然，用记事本来编写网页肯定是不方便的，所以才研究出了各种功能更强大的软件，如前所举例。而且要编写图文并茂的网页文件，只靠一种软件是不可能完成的。你必须熟练掌握至少一种图片编辑软件以及美工等方面的知识。 三、编写第一个网页 　　虽然用记事本编写网页不方便，但为了使同学们掌握基本的html规范，本教程还是以用记事本编写网页为主，下面打开记事本，编写我们的第一个网页，在记事本中输入以下内容： html headtitle我的第一个网页/title/head body pfont color =#FF0000Hello/font，朋友们/p /body /html 　　写完后按照前面所教的方法存盘，然后双击打开，看到了什么效果？ 　　下面我来解释上面的内容： 　　在html文件中，开头和结尾必须是html和/html，中间分两部分，分别是head部分和body部分。在head部分主要是一些文件信息内容，如标题、关键字、编码等等，在body部分则是文件的主要内容。 　　前面用围起来的部分就是标题，也就是显示在浏览器窗口标题栏的内容，放在title和/title间，p和/p 括起来的内容表示一个段落，font color =#FF0000和/font括起来的部分表示中间的内容是红色文字（font:字体，color=#FF0000表示设置颜色属性为红色）。 　　从上面的分析中可以看出，所谓html文件，就是通过各种标签进行设计，标签一般成对出现，在结束的时候用同名标签加一“/”。标签中可以设置各种属性，格式是“属性名=值”。(在前面的网页源代码中采用了缩近的写法是为了层次清晰,并不是必须的) 说明： 　　在网页中，各种格式都要用标签来设计，要通过直接插入空格的办法来调整字间距是不行的，无论你在半角状态下插入多少个空格，都只会显示一个空格。但是有时候必须插入多个空格，或者需要插入一些其他符号，怎么办呢？这时就要用到所谓的“转义字符”，就是用其他字符串来代替你要插入的字符，常见转移字符如下： 　gt;　大于号　　lt;　小于号　　nbsp;　空格　　amp;　 字符 网页制作简易教程（二） 　　上一讲讲了一些html的基础知识，从这一讲开始将介绍一些常见的html标签及其属性，当然这里是很不完备的。为了简单起见，下面只说开头的标签，不说对应的标签了。 　　本讲将重点介绍关于文字的标签。 一、字体标签： 　　设置其中的文字，所设置文字从font开始，到/font结束。比较重要的属性有： 　1、color：颜色属性，用六位十六进制数字表示颜色，数字前加#号。例如 　　#FF0000：红色　　　　　#00FF00：绿色　　　　　#0000FF：蓝色 　　#FFFFFF：白色　　　　　#000000：黑色　　　　　#FFFF00：黄色 　2、size：文字大小属性，取值从1到7。1为最小，7为最大。 　3、face：字体名字。 　使用举例： 　　font color=#ff0000默认字体字号红色/font 　　效果：默认字体字号红色 　　font size=4黑体大字/font 　　效果：黑体大字 二、字体样式： 　1、粗体b/b 　2、斜体i/i 　3、下划线u/u 　4、上角标sup/sup 　5、下角标sub/sub 　使用举例： 　　矢量ba/b+bb/b=3bi/b 　　效果：矢量a+b=3i