网页制作基础教程 网页制作基础教程：学习HTML经验总结

整理2009年4月20日http://www.veryhuo.com网站提交的稿件；消防站建筑研究所(LieHuo.Net)的网页制作是一门非常有趣的课程。通过网页制作，我们不仅可以展示我们的作品，还可以陶冶我们的情操，在未来获得一些商业利润。有朋友觉得用英文和字母做网页太难了。其实HTML是一种超级文本语言。如果你对英语知之甚少，可以在学习之初学习一些理论，然后通过网页制作软件学习，比如Dreamweaver、Frontpage等。今天消防站建院小系列收集了一些网页制作的经验总结，希望对你学习网页制作有所帮助。

HTML概念

超文本标记语言是一种制作超文本文档的简单标记语言。用HTML写的超文本文档叫做HTML文档。

超文本标记语言文档的编写方法

1.直接手写:记事本等。，并以. htm.html格式保存。

2.使用可视化的HTML编辑器:Frontpage、Dreamweaver等

3.由Web服务器(或HTTP服务器)实时动态生成。

网页文件命名

1.*.htm或*。超文本标记语言

2.无空网格

3.无特殊符号(如&符号)，只能有下划线“_”，只能是英文和数字

4.区分大小写

5.主页的默认文件名是:index.htm或index.html

超文本标记语言文件结构

元素:是HTML语言的基础部分。元素总是成对出现，每对元素通常都有一个开始标记(如)和一个结束标记(如)。元素的标记用尖括号括起来，结束标记的前面总是有一个斜杠

超文本标记语言文件结构(文档结构)

HTML文件的文本

基本组件——HTML元素属性

HTML元素可以有自己的相关属性，我们的网页编译器可以给每个属性分配一定的值。元素属性出现在

元素及其属性-1

元素指示它是HTML文档的主要部分。和之间通常还有许多其他元素；这些元素和元素属性构成了一个HTML文档的主体。

元素及其属性-2

该元素具有以下元素属性:

(1)bgcolor

bgcolor属性标记HTML文档的背景颜色。例如:bgcolor = "# ccffc "

用超文本标记语言控制颜色

HTML也有自己的控制颜色的语法。HTML使用十六进制的RGB颜色值来控制颜色

十六进制数是:0，1，2，3，4，5，6，7，8，9，a，b，c，d，e，f。

常见颜色代码

颜色颜色名称和RGB值黑色= "# 000000 "银色= "# c0c0c0 "红色= "# ff0000 "蓝色= "# 0000ff "白色= " # ffffff "黄色= "ffff00。

& ltbody>。元素及其属性-3

& ltbody>。该元素具有以下元素属性:

(2)背景

Background属性标记HTML文档的背景图片。例如，background = "images/bg.gif "。可以使用的图像格式有GIF和JPG

(3)BG properties =固定

Bgproperties=fixed使背景图片成水印，即图片不随滚动条滚动。

(4)文本

Text属性标记HTML文档的正文颜色。例如，text = "# ff6666 "。文本元素定义的颜色应用于整个文档。

(5)超链接颜色

Link、vlink和alink分别控制普通超链接、已访问超链接和当前活动超链接的颜色。

(6)左边距和上边距

设置网页主要内容与网页顶端和左端的距离，如leftmargin="20" topmargin="30 "

文本标签属性-1

文本属性标签

1.文本颜色

指定的颜色

# = rrggbb十六进制数

文本标签属性-2

文本属性标签

2.文本字体

& ltfont face="#，#，...，# " & gt...& lt/font>。# =客户端可用的字体

文本标签属性-3

文本属性标签

3.文本大小

& ltfont size=#>。...& lt/font>。

#=1，2，3，4，5，6，7或+#，-#

文本标签属性-4

文本属性标签

4.文本标题

& lth#>。...& lt/h#>。

#=1, 2, 3, 4, 5, 6

文本布局

行的控制

段落(可视为空行)

空白色占位符& nbsp；

HTML的段落之间有一定的空差距。如果您不想空而只想包装，那么您需要另一个元素，即