HTML筆記（一） HTML相關概念
一 HTML概述
1、HTML文檔基本結構
先來看一個關於HTML的例子，裏面包含了幾個主要的HTML標簽：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>This is my first html</title> </head> <body> <h1>我的第一個標題</h1> <p>我的第一個段落！</p> </body> </html>
簡單說明：
中文網頁需要使用<meta charset="utf-8">聲明，否則會出現亂碼；
DOCTYPE聲明了文檔類型，指定了文檔的引用規範，有助於瀏覽器中正確顯示網頁，DOCTYPE聲明不區分大小寫；
<html></html>定義了整個HTML文檔，描述了文檔類型；
<head></head>定義了文檔的頭部，是所有頭部元素的容器；
<body></body>定義了HTML文檔的主體，為可視化網頁內容；
<h1></h1>定義了HTML文檔中的一個標題；
<p></p>定義了HTML文檔中的一個段落；
運行結果：
2、什麽是HTML？
HTML（HyperText Markup Language）：是用來描述網頁的一種超文本標記語言，嚴格意義上說，HTML不是一種編程語言，而是一種標記語言。
所謂標記語言，是由一套標記標簽構成。
HTML使用標記標簽描述網頁，HTML文檔包含了HTML標簽及文本內容。
3、什麽是HTML文檔？
HTML文檔：包含HTML標簽和純文本，用來描述網頁。
HTML文檔也被稱為網頁。
4、什麽是HTML標簽？
HTML標記標簽（HTML tag）：是由尖括號包圍的、成對出現的關鍵詞。
標簽對中的第一個標簽稱為開始標簽（開放標簽），第二個標簽稱為結束標簽（閉合標簽），如<html></html>。
語法格式：<標簽>內容</標簽>
二 HTML元素
1、HTML元素概念
HTML文檔由HTML元素定義。
HTML元素是以開始標簽作為起始，以結束標簽作為終止，元素的內容是開始標簽與結束標簽之間的內容。
具有空內容的元素稱為空元素，即沒有內容的元素，可在開始標簽中進行關閉，例如<br />。
大多數HTML元素可以擁有屬性。
2、嵌套的HTML元素
HTML文檔由嵌套的HTML元素構成。
以上述實例為例，“<p>這是一個段落！</p>”為一個元素，該元素擁有一個開始標簽<p>，元素內容“這是一個段落！”，以及一個結束標簽</p>。而該元素嵌套在元素<body></body>元素中。
PS：
在XHTML、XML以及未來版本的HTML中，所有的元素必須被關閉，空元素在開始標簽中添加斜杠是關閉元素的正確方法。
HTML標簽對大小寫不敏感，但是盡量使用小寫，因為萬維網聯盟（W3C）在HTML4中推薦使用小寫。
三 HTML屬性
屬性是HTML元素提供的附加信息，一般添加在開始標簽中。
屬性值應該始終被包括在單引號或者雙引號中，如果屬性值本身就含有雙引號，那麽屬性值需要使用單引號包圍，例如name=‘Love “story” fish’。
屬性總是以“名稱/值對”的形式出現，如name="value"。
屬性實例：
<img src="google.JPG" width="30" height="30">
其中，圖片文件位置在src屬性中指定，圖片的大小由width和height屬性設置。
屬性和屬性值對大小寫不敏感，推薦使用小寫的屬性/屬性值。
常用的屬性：
| 屬性 | 描述 |
| class | 為HTML元素定義一個或多個類名，類名從樣式文件引入 |
| id | 定義元素的唯一id |
| style | 規定元素的行內樣式 |
| title | 描述元素的額外信息（作為工具條使用） |
HTML筆記（一） HTML相關概念