HTML教學系列(一)-基本結構

HTML為編輯網頁的語法,全名為:超文件標示語言(HyperText Markup Language),使用一些標記用來結構化訊息,使網頁能依照我們想呈現樣貌顯示給讀者。目前最新版的HTML為第五代,俗稱HTML5。(新增了許多新的標記,也停用了一些舊的標記)

HTML基本架構範例:


HTML是屬標記語言,所以從上面的範例可以發現HTML的結構不是用程式語法來編譯而是使用一堆標籤組合而成的
這種用一堆標籤組合而成的語言就被稱為標記語言
當瀏覽器在讀取HTML文件時,瀏覽器並不會顯示標籤,而是會依造標籤的用途,將HTML文件編譯成我們可閱讀網頁

一般的 HTML 文件 必須要有下列結構:
<html> </html> : html的主結構<head> </head> :執行一些程式碼,HTML不會將<head></head>的內容直接顯示在網頁上,適合放置 javascript 或 引入CSS文件

<body> </body> :網頁中可見的內容


如何編輯HTML文件:

基本上HTML只是個文件檔,所以用一般的記事本就能編輯HTML

當然現在的人通常會用Dreamweaver 來編輯HTML,但筆者建議初學者最好還是用記事本或者是NotePad++來編譯

這樣才能真正地去實際演練,至於Dreamweaver可以等到上手後,再來使用 會比較適合


HTML的副檔名:

一般的HTML副檔名為: .htm 和 .html

但HTML的不斷更新,現在還多了 .shtml  .shtm  .xhtml 等格式


補充說明:

Dreamweaver(須付費):由Adobo開發的網頁編輯器

NotePad++(免費):進階版的文字編輯器,支援多種程式高亮

感謝您的閱讀,請用力地分享讓大家知道吧~~

Aidec Li
學我所見,寫我所學。凡事略懂略懂~~
更多 Aidec Li 的文章...

推薦文章

發表評論