整理2009年4月20日http://www.veryhuo.com網(wǎng)站提交的稿件；消防站建筑研究所(LieHuo.Net)的網(wǎng)頁制作是一門非常有趣的課程。通過網(wǎng)頁制作，我們不僅可以展示我們的作品，還可以陶冶我們的情操，在未來獲得一些商業(yè)利潤。有朋友覺得用英文和字母做網(wǎng)頁太難了。其實HTML是一種超級文本語言。如果你對英語知之甚少，可以在學(xué)習(xí)之初學(xué)習(xí)一些理論，然后通過網(wǎng)頁制作軟件學(xué)習(xí)，比如Dreamweaver、Frontpage等。今天消防站建院小系列收集了一些網(wǎng)頁制作的經(jīng)驗總結(jié)，希望對你學(xué)習(xí)網(wǎng)頁制作有所幫助。

HTML概念

超文本標記語言是一種制作超文本文檔的簡單標記語言。用HTML寫的超文本文檔叫做HTML文檔。

超文本標記語言文檔的編寫方法

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

2.使用可視化的HTML編輯器:Frontpage、Dreamweaver等

3.由Web服務(wù)器(或HTTP服務(wù)器)實時動態(tài)生成。

網(wǎng)頁文件命名

1.*.htm或*。超文本標記語言

2.無空網(wǎng)格

3.無特殊符號(如&符號)，只能有下劃線“_”，只能是英文和數(shù)字

4.區(qū)分大小寫

5.主頁的默認文件名是:index.htm或index.html

超文本標記語言文件結(jié)構(gòu)

元素:是HTML語言的基礎(chǔ)部分。元素總是成對出現(xiàn)，每對元素通常都有一個開始標記(如)和一個結(jié)束標記(如)。元素的標記用尖括號括起來，結(jié)束標記的前面總是有一個斜杠

超文本標記語言文件結(jié)構(gòu)(文檔結(jié)構(gòu))

HTML文件的文本

基本組件——HTML元素屬性

HTML元素可以有自己的相關(guān)屬性，我們的網(wǎng)頁編譯器可以給每個屬性分配一定的值。元素屬性出現(xiàn)在

元素及其屬性-1

元素指示它是HTML文檔的主要部分。和之間通常還有許多其他元素；這些元素和元素屬性構(gòu)成了一個HTML文檔的主體。

元素及其屬性-2

該元素具有以下元素屬性:

(1)bgcolor

bgcolor屬性標記HTML文檔的背景顏色。例如:bgcolor = "# ccffc "

用超文本標記語言控制顏色

HTML也有自己的控制顏色的語法。HTML使用十六進制的RGB顏色值來控制顏色

十六進制數(shù)是: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 "?？梢允褂玫膱D像格式有GIF和JPG

(3)BG properties =固定

Bgproperties=fixed使背景圖片成水印，即圖片不隨滾動條滾動。

(4)文本

Text屬性標記HTML文檔的正文顏色。例如，text = "# ff6666 "。文本元素定義的顏色應(yīng)用于整個文檔。

(5)超鏈接顏色

Link、vlink和alink分別控制普通超鏈接、已訪問超鏈接和當前活動超鏈接的顏色。

(6)左邊距和上邊距

設(shè)置網(wǎng)頁主要內(nèi)容與網(wǎng)頁頂端和左端的距離，如leftmargin="20" topmargin="30 "

文本標簽屬性-1

文本屬性標簽

1.文本顏色

指定的顏色

# = rrggbb十六進制數(shù)

文本標簽屬性-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的段落之間有一定的空差距。如果您不想空而只想包裝，那么您需要另一個元素，即