HTML 語法教學,HTML 入門新手必學 | html網頁結構
HTML是HypertextMarkupLanguage的縮寫,也就是「超文本標記語言」(請注意,他是標記語言,不是程式語言)。HyperText:一種結構化的文字Markuplanguage:一種用來標記文字的系統語法身為標記語言,HTML有各式各樣的標籤去定義網頁內容要如何呈現。例如:元件可能是文字、圖片或超連結;標籤則定義元件要放左邊還是放右邊、斜體還是粗體等等。本文帶你了解HTML是什麼,以及HTML語法入門教學。開始自學程式,免費訂閱電子報,獲取更多自學資源、技術新知與市場趨勢文章[1]HTML組織並呈現網頁內容其實,所有的網頁都是HTML文件。更精確一...
HTML 是 Hypertext Markup Language 的縮寫,也就是「超文本標記語言」(請注意,他是標記語言,不是程式語言)。
HyperText:一種結構化的文字 Markup language:一種用來標記文字的系統語法身為標記語言,HTML 有各式各樣的標籤去定義網頁內容要如何呈現。例如:元件可能是文字、圖片或超連結;標籤則定義元件要放左邊還是放右邊、斜體還是粗體等等。本文帶你了解 HTML 是什麼,以及 HTML 語法入門教學。
開始自學程式,免費訂閱電子報,獲取更多自學資源、技術新知與市場趨勢文章[1]
HTML 組織並呈現網頁內容其實,所有的網頁都是 HTML 文件。更精確一點說,所有的網頁內容,都要透過 HTML 文件、標籤來定義。
你應該有過以下經驗。在任何一個網頁空白處按下右鍵、選擇「檢查」,就會出現下圖的 HTML 文件;或是你打開任何一個副檔名為 .html 的檔案、或是用文字編輯器如 Sublime 打開,就會看到下圖的畫面。這就是網頁實際的樣子。
HTML 的組成請打開你的 VSCode[2],新增一個名為「basic.html」的檔案。細讀以下的 HTML 文件 ,裡面包含 HTML 的最基本結構。試著用你的方式觀察與描述它,然後把它寫入你的 basic.html。
若你是第一次學習 HTML 和 CSS,我們建議你一個字一個字的輸入你的文字編輯器中,而不是使用複製貼上的方式。
讓我們來解釋一下這段 HTML 所表達的意義。
宣告第一行是一個「宣告」: <!DOCTYPE html> 告訴瀏覽器這份文件是一個 HTML5 的網頁,瀏覽器因而知道要怎麼用正確的方式來展示你的網頁。請注意宣告要寫在第一行,因為瀏覽器是一行一行讀取文件的,想愈早告訴他的資訊,請寫在愈上面。
<html></html><html>…</html> 包住了整個網頁,表示這是一份 HTML 文件。被 <html> &...