建站學(xué)院(LieHuo.Net)網(wǎng)頁(yè)制作 網(wǎng)頁(yè)制作是一門(mén)非常有趣的課程,通過(guò)網(wǎng)頁(yè)制作不但可以展現(xiàn)我們的作品、更可以陶冶情操,往大里說(shuō)可以達(dá)到一些商業(yè)贏利等。有些朋友感覺(jué)網(wǎng)頁(yè)制作都是一些英文和字母,太難了,其實(shí)HTML就是一種超級(jí)文本語(yǔ)言,如果您對(duì)英文了解的比較少,學(xué)習(xí)之初可以先了解一些理論,然后通過(guò)網(wǎng)頁(yè)制作軟件學(xué)習(xí),如:Dreamweaver、Frontpage等。今天建站學(xué)院的小編搜集了一些網(wǎng)頁(yè)制作的經(jīng)驗(yàn)總結(jié),希望對(duì)您學(xué)習(xí)網(wǎng)頁(yè)制作有所幫助。
HTML概念
HTML(Hyper Text Markup Language 超文本標(biāo)識(shí)語(yǔ)言)是一種用來(lái)制作超文本文檔的簡(jiǎn)單標(biāo)記語(yǔ)言。用HTML編寫(xiě)的超文本文檔稱(chēng)為HTML文檔。
HTML文檔的編寫(xiě)方法
1.手工直接編寫(xiě):記事本等,存成.htm .html格式
2.使用可視化HTML編輯器: Frontpage、Dreamweaver等
3.由Web 服務(wù)器( 或稱(chēng)HTTP 服務(wù)器一方實(shí)時(shí)動(dòng)態(tài)地生成。
網(wǎng)頁(yè)文件命名
1.*.htm或*.html
2.無(wú)空格
3.無(wú)特殊符號(hào)(例如&符號(hào)),只可以有下劃線“_”,只可以為英文、數(shù)字
4.區(qū)分大小寫(xiě)
5.首頁(yè)文件名默認(rèn)為:index.htm 或 index.html
HTML 文件結(jié)構(gòu)
元素:是HTML語(yǔ)言的基本部分。元素總是成對(duì)出現(xiàn),每一對(duì)元素一般都有一開(kāi)始的標(biāo)記(如),也有一個(gè)結(jié)束的標(biāo)記(如)。元素的標(biāo)記要用一尖括號(hào)括起來(lái),并且結(jié)束的標(biāo)記總是在開(kāi)始的標(biāo)記前加一個(gè)斜杠
HTML 文件結(jié)構(gòu)(Document Structures)
HTML 文件的正文
基本組成部分——HTML元素屬性
HTML元素可以有自己的相關(guān)屬性,每一個(gè)屬性還可以由我們網(wǎng)頁(yè)編制者賦一定的值。元素屬性出現(xiàn)在元素的< >內(nèi),并且和元素名之間有一個(gè)空格分隔;屬性值用“”引起來(lái)。
元素及元素屬性——1
元素表明是HTML文檔的主體部分。在與之間,通常都會(huì)有很多其它元素;這些元素和元素屬性構(gòu)成HTML文檔的主體部分。
元素及元素屬性——2
元素中有下列元素屬性:
(1)bgcolor
bgcolor屬性標(biāo)志HTML文檔的背景顏色。如:bgcolor="#CCFFCC"
HTML對(duì)顏色的控制
HTML對(duì)顏色的控制也有自己的語(yǔ)法。HTML使用16進(jìn)制的RGB顏色值對(duì)顏色進(jìn)行控制
16 進(jìn)制的數(shù)碼有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.
常見(jiàn)的顏色的代碼
顏色顏色名和RGB值黑色Black=”#000000”銀色Silver=”#c0c0c0”紅色Red=”#ff0000”藍(lán)色Blue=”#0000ff”白色White=”#ffffff”黃色Yellow=”ffff00
<body>元素及元素屬性——3
<body>元素中有下列元素屬性:
(2)background
background屬性標(biāo)志HTML文檔的背景圖片。如:background=“images/bg.gif"。可以使用的圖片格式為GIF,JPG
(3)bgproperties=fixed
bgproperties=fixed使背景圖片成水印效果,即圖片不隨著滾動(dòng)條的滾動(dòng)而滾動(dòng)。
(4)text
text屬性標(biāo)志HTML文檔的正文文字顏色。如:text=“#FF6666”。Text元素定義的顏色應(yīng)用于整篇文檔。
(5)超級(jí)鏈接顏色
link、vlink、alink分別控制普通超級(jí)鏈接、訪問(wèn)過(guò)的超級(jí)鏈接、當(dāng)前活動(dòng)超級(jí)鏈接顏色。
(6) leftmargin和topmargin
設(shè)置網(wǎng)頁(yè)主體內(nèi)容距離網(wǎng)頁(yè)頂端和左端的距離如:leftmargin="20" topmargin="30“
文字標(biāo)簽屬性——1
文字屬性標(biāo)記
1.文字顏色
指定顏色 <font color=#> ... </font>
#=RRGGBB 16 進(jìn)制數(shù)碼
文字標(biāo)簽屬性——2
文字屬性標(biāo)記
2.文字字體
<font face=“#, #, ..., #”> ... </font>#=客戶(hù)端可獲得的字體
文字標(biāo)簽屬性——3
文字屬性標(biāo)記
3.文字大小
<font size=#> ... </font>
#=1, 2, 3, 4, 5, 6, 7 or +#, -#
文字標(biāo)簽屬性——4
文字屬性標(biāo)記
4.文字標(biāo)題
<h#> ... </h#>
#=1, 2, 3, 4, 5, 6
文字布局
行的控制
段(Paragraph) (可以看作是空行) <p>
空白占位符
HTML的段落與段落之間有一定的空隔。如果不希望出現(xiàn)空隔而只想換行的話(huà),就要用到另一個(gè)元素,即<br>元素。<br>元素可以使所在的位置出現(xiàn)換行。這種換行和瀏覽器的自動(dòng)換行的效果類(lèi)似。<br>元素不是成對(duì)出現(xiàn)的。