HTML/簡介與基本規則

簡介

• http 超文件傳輸協定(HyperText Transfer Protocol)，其文件格式稱為 HTML(HyperText Markup Language)
• 柏納李：HTTP 的發明人，在 1990年12月25日 實現第一次的 HTTP 傳輸，1991年8月6日第一個網頁伺服器上線。1994年柏納-李宣布全球資訊網完全免費的，不申請專利權，不徵收專利費，因此，人人都能輕易用上全球資訊網。
• wiki 是 HTML 的簡記法，一定會翻譯成 HTML ，所以可以從 wiki 頁複製 HTML 段落。

HTML語法的基本規則

HTML 的標籤內容分為三個層級：標籤、屬性、樣式指示

(一)標籤(標記)

• 標籤必須成對：一般由開始標籤(opening tag)和結束標籤(closing tag)構成一對，如：<×>……</×>其中的×代表標籤命令。以上角括號及斜線均為英文半形。
• 開始與結束標籤合體(空元素:Empty Element / Void Element)：meta(對自身的說明)、img(圖照)、br(換行)、hr(水平線)、input(表單輸入元素)，以及 HTML5 video 之下的source、track，寫成<meta />、<img />、<br/>、<hr/>、<input />…

(二)屬性

• 開始標記命令可以用「屬性」加以修飾，例如 img 標記可以有：
  1. src 屬性，指示圖的位置
  2. width 屬性，指示圖的寬度
  3. height 屬性，指示圖的高度
• 屬性名後面是屬性值，屬性名與屬性值之間用「=」相連。同標記內兩組屬性是用空白相隔開。
• 屬性值通常用一對單引號「'」或雙引號「"」包起來，如果屬性值當中不含空白，則引號通常可以省略；如果屬性值當中含空白，則引號絕對不可以省略。
• class 屬性：引用已經定義的樣式。
• style 樣式屬性：指示後面的內容應該長什麼樣子

(三)樣式指示

• style 的值包含的常常超過一項以上的樣式指示
• 兩組樣式指示以「;」間開
• 名與值以「:」相連