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