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