1. 程式人生 > 實用技巧 >HTML(初級)筆記

HTML(初級)筆記

涵蓋內容

基本語法、標籤、宣告、屬性

標籤屬於什麼元素,內聯/內聯-塊級/塊級元素

  • 元素
    • "HTML 標籤" 和 "HTML 元素" 通常都是描述同樣的意思.
    • 但是嚴格來講, 一個 HTML 元素包含了開始標籤與結束標籤,
    • 元素組成:起始標籤+元素內容+結束標籤
  • 什麼是HTML?
    • HTML 指的是超文字標記語言: HyperText Markup Language
    • HTML 不是一種程式語言,而是一種標記語言
    • 標記語言是一套標記標籤 (markup tag)
    • HTML 使用標記標籤來描述網頁
    • HTML 文件包含了HTML 標籤及文字內容
    • HTML文件也叫做 web 頁面
  • 宣告
    • doctype 宣告是不區分大小寫的
    • html的版本,例如html5
  • 中文編碼
  • HTML 標題(Heading)是通過
< h1> - < h6> 標籤來定義的。 - HTML 段落是通過標籤 來定義的。 - HTML 連結是通過標籤 來定義的。 - HTML 影象是通過標籤 來定義的. - HTML 空元素 - 沒有內容的 HTML 元素被稱為空元素。空元素是在開始標籤中關閉的。 -
就是沒有關閉標籤的空元素(
標籤定義換行)。 - 在 XHTML、XML 以及未來版本的 HTML 中,所有元素都必須被關閉。 - 在開始標籤中新增斜槓,比如
,是關閉空元素的正確方法,HTML、XHTML 和 XML 都接受這種方式。 - 即使
在所有瀏覽器中都是有效的,但使用
其實是更長遠的保障。 - HTML 屬性 - name="value"

- style:規定元素的行內樣式(inline style)


標籤在 HTML 頁面中建立水平線。 - - HTML 程式碼中的所有連續的空行(換行)也被顯示為一個空格。 - HTML 格式化標籤 - HTML 使用標籤 ("bold") 與 ("italic") 對輸出的文字進行格式, 如:粗體 or 斜體 - 通常標籤 替換加粗標籤 來使用, 替換 標籤使用。 - 或者 意味著你要呈現的文字是重要的,所以要突出顯示。現今所有主要瀏覽器都能渲染各種效果的字型。不過,未來瀏覽器可能會支援更好的渲染效果。 - target 屬性,你可以定義被連結的文件在何處顯示 - 開啟新視窗<a href="" target="_blank" ">
- HTML 元素 標籤描述了基本的連結地址/連結目標,該標籤作為HTML文件中所有的連結標籤的預設連結: - HTML 元素 標籤定義了文件與外部資源之間的關係。 標籤通常用於連結到樣式表: - HTML - HTML 元素 - meta標籤描述了一些基本的元資料。 - 標籤提供了元資料.元資料也不顯示在頁面上,但會被瀏覽器解析。 - META 元素通常用於指定網頁的描述,關鍵詞,檔案的最後修改時間,作者,和其他元資料。 - 元資料可以使用於瀏覽器(如何顯示內容或重新載入頁面),搜尋引擎(關鍵詞),或其他Web服務。 - 一般放置於 區域 - 為搜尋引擎定義關鍵詞: - 表格
Header 1 Header 2
row 1, cell 1 row 1, cell 2
row 2, cell 1 row 2, cell 2
- HTML無序列表
  • Coffee
  • Milk
- HTML 有序列表
  1. Coffee
  2. Milk