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++(免費):進階版的文字編輯器,支援多種程式高亮
感謝您的閱讀，請用力地分享讓大家知道吧~~
很抱歉，此文章關閉留言