影像、技巧、教學討論及分享

2009年1月23日 星期五

HTML 語法基本教學

HTML的全名是HyperText Markup Language,是編寫網頁的基本語言,而它並不是一個程式, 只是一些插在普通文件內的碼( code ),這些碼可以控制我們的瀏覽器要怎樣把文件顯示出來, 就是你現在所看到的頁面就是用HTML來控制的,它可控制字體的大小,也可以插入連結或圖像。

  一個HTML檔稱為HTML document,存檔的副檔名為htm或 html,編寫的方式有很多種, 最原始的方法是用windows內的記事本或各種文書編輯軟體,而現在有一種軟體也是編寫HTML碼, 但具有預覽及插入特效的功能,如Dida 網頁速寫器,編寫完成後記得儲存成*.htm或*.html 即可。




HTML的撰寫是網頁設計中最基本的一門學問,如果我們要熟悉網頁設計撰寫,就一定要對HTML的語法有所認知,才有辦法增進網頁設計的豐富性,所以說要學網頁就要搞懂一些語法如:CSS,HTML,JS 技術程式PHP ASP(不見得要會寫但最好有概念 最後就是 Dreamweaver 的一些功能搞懂就可以了(跳不出重點)文字的運用(我會把他跟CSS概念綁在一起)圖片及表框(格)、表單、AP元素(增加網頁的趣味性)、超連結、最後就是管理修改,至於FLASH就見人見智了

其HTML撰寫結構如下:



<<觀念補充>>何為<成對標籤>與<獨立標籤>(空標籤)

成對標籤:必定是包含<....>開始標籤(/___)(註因程式碼關係<>以()暫代)
結束標籤,在開始標籤與結束標籤之間可以包含其他控制標籤或文字內容,而這些標籤所包含的內容就是標籤的作用對象。
獨立標籤:則是用來告知瀏覽器應該立刻產生某一特殊反應,例如:<>換列效果
有兩個須要注意的地方,每一個開啟碼是由<....>兩個符號所框住的,而關閉碼是由(/___)(註因程式碼關係<>以()暫代)所框住的,而每一個HTML碼有開就要有關


HTML簡單的語法介紹

網頁顏色設定


●bgcolor=控制背景顏色
●text=控制文字顏色
●link=控制連結顏色
●vlink=控制已閱讀過的顏色
●alink=控制正在連結的顏色
加入背景圖像
●body background="圖像來源"
●bgproperties="fixed"(使背景圖像固定不動)

瀏覽器可分出六種大小的標題文字,原始碼如下 :
●h1=

標題文字1

(註因程式碼關係<>省略)
●h2=

標題文字2

(註因程式碼關係<>省略)
●h3=

標題文字3

(註因程式碼關係<>省略)
●h4=

標題文字4

(註因程式碼關係<>省略)
●h5=
標題文字5
(註因程式碼關係<>省略)

沒有留言:

張貼留言