HTML標籤屬性主體結構
什麼是HTML?
HTML是用來描述網頁的一種語言
HTML 指的是超文字標記語言: HyperText Markup Language
HTML 不是一種程式語言，而是一種標記語言
標記語言是一套標記標籤 (markup tag)
HTML 使用標記標籤來描述網頁
HTML 文件包含了HTML 標籤及文字內容
HTML文件也叫做 web 頁面
1.標籤和屬性的概念
HTML 標籤
標記標籤通常被稱為 HTML 標籤 (HTML tag)。
HTML 標籤是由尖括號包圍的關鍵詞，比如 <html>
HTML 標籤通常是成對出現的，比如 <b> 和 </b>
標籤對中的第一個標籤是開始標籤，第二個標籤是結束標籤
開始和結束標籤也被稱為開放標籤和閉合標籤
HTML 屬性
屬性是 HTML 元素提供的附加資訊，HTML 元素可以設定屬性
屬性可以在元素中新增附加資訊
屬性一般描述於開始標籤
屬性總是以名稱/值對的形式出現，比如：align="right"。
屬性例項
HTML 連結由 <a> 標籤定義。連結的地址在 href 屬性中指定：
例項：
<a href="http://www.baidu.com">這是一個連結</a>
HTML 屬性常用引用屬性值
屬性值應該始終被包括在引號內。
雙引號是最常用的，不過使用單引號也沒有問題。
***提示***：
在某些個別的情況下，比如屬性值本身就含有雙引號，那麼您必須使用單引號，例如：name='John "ShotGun" Nelson'
HTML 提示：使用小寫屬性
屬性和屬性值對大小寫不敏感。
不過，全球資訊網聯盟在其 HTML 4 推薦標準中推薦小
下面列出了適用於大多數 HTML 元素的屬性：
屬性 描述
class 為html元素定義一個或多個類名（classname）(類名從樣式檔案引入)
id 定義元素的唯一id
style 規定元素的行內樣式（inline style）
title 描述了元素的額外資訊 (作為工具條使用)
2.html的主體結構
<!DOCTYPE> 宣告
<!DOCTYPE>宣告有助於瀏覽器中正確顯示網頁。
網路上有很多不同的檔案，如果能夠正確宣告HTML的版本，瀏覽器就能正確顯示網頁內容。
doctype 宣告是不區分大小寫的，以下方式均可：
<!DOCTYPE html> <!DOCTYPE HTML> <!doctype html> <!Doctype Html>
HTML 網頁結構
下面是一個視覺化的HTML頁面結構：
<html> <head> <title>頁面標題</title> </head> <body> <h1>這是一個標題</h1> <p>這是一個段落。</p> <p>這是另外一個段落。</p> </body> </html>
PS: 只有 <body> 區域 (白色部分) 才會在瀏覽器中顯示。
中文編碼
目前在大部分瀏覽器中，直接輸出中文會出現中文亂碼的情況，這時候我們就需要在頭部將字元宣告為 UTF-8。
HTML 例項
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>頁面標題</title> </head> <body> <h1>我的第一個標題</h1> <p>我的第一個段落。</p> </body> </html>