HTML基礎之初識HTML
阿新 • • 發佈：2019-01-30
什麼是 HTML？
- HTML 是用來描述網頁的一種語言。
- HTML 指的是超文字標記語言 (Hyper Text Markup Language)
- HTML 不是一種程式語言，而是一種標記語言 (markup language)
- 標記語言是一套標記標籤 (markup tag)
- HTML 使用標記標籤來描述網頁
HTML 標籤
- HTML 標記標籤通常被稱為 HTML 標籤 (HTML tag)。
- HTML 標籤是由尖括號包圍的關鍵詞，比如
- HTML 標籤通常是成對出現的，比如 和
- 標籤對中的第一個標籤是開始標籤，第二個標籤是結束標籤
- 開始和結束標籤也被稱為開放標籤和閉合標籤
HTML 文件 = 網頁
- HTML 文件描述網頁
- HTML 文件包含 HTML 標籤和純文字
- HTML 文件也被稱為網頁
Web 瀏覽器的作用是讀取 HTML 文件，並以網頁的形式顯示出它們。瀏覽器不會顯示 HTML 標籤，而是使用標籤來解釋頁面的內容：
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html 例子解釋
<html> 與 </html> 之間的文字描述網頁
<body> 與 </body> 之間的文字是可見的頁面內容
<h1> 與 </h1> 之間的文字被顯示為標題
<p> 與 </p> 之間的文字被顯示為段落HTML 標題
HTML 標題（Heading）是通過 <h1> - <h6> 等標籤進行定義的。
<h1>一級標題</h1>
<h2>二級標題</h2>
<h3>三級標題</h3 HTML 段落
HTML 段落是通過 <p> 標籤進行定義的。
<p> 一段話的類容</p>HTML 連結
HTML 連結是通過 <a> 標籤進行定義的。
<a>一個網路連線</a>
註釋：在 href 屬性中指定連結的地址。HTML 影象
HTML 影象是通過 <img> 標籤進行定義的。
<img src="w3school.jpg" width="104" height="142" />
src 為 圖片地址
註釋：影象的名稱和尺寸是以屬性的形式提供的。
HTML 元素
HTML 元素指的是從開始標籤（start tag）到結束標籤（end tag）的所有程式碼。
| 開始標籤 | 元素內容 | 結束標籤 |
|---|---|---|
<p> |
This is a paragraph | </p> |
<a href="default.htm" > |
This is a link | </a> |
<br /> |
註釋：開始標籤常被稱為開放標籤（opening tag），結束標籤常稱為閉合標籤（closing tag）。
HTML 元素語法
- HTML 元素以開始標籤起始
- HTML 元素以結束標籤終止
- 元素的內容是開始標籤與結束標籤之間的內容
- 某些 HTML 元素具有空內容（empty content）
- 空元素在開始標籤中進行關閉（以開始標籤的結束而結束）
- 大多數 HTML 元素可擁有屬性
巢狀的 HTML 元素
- 大多數 HTML 元素可以巢狀（可以包含其他 HTML 元素）。
- HTML 文件由巢狀的 HTML 元素構成。
HTML 文件例項
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>上面的例子包含三個 HTML 元素。
HTML 例項解釋
<p> 元素：
<p>This is my first paragraph.</p>
這個 <p> 元素定義了 HTML 文件中的一個段落。
這個元素擁有一個開始標籤 <p>，以及一個結束標籤 </p>。
元素內容是：This is my first paragraph。
<body> 元素：
<body>
<p>This is my first paragraph.</p>
</body>
<body> 元素定義了 HTML 文件的主體。
這個元素擁有一個開始標籤 <body>，以及一個結束標籤 </body>。
元素內容是另一個 HTML 元素（p 元素）。
<html> 元素：
<html>
<body>
<p>This is my first paragraph.</p>
</body>
</html>
<html> 元素定義了整個 HTML 文件。
這個元素擁有一個開始標籤 <html>，以及一個結束標籤 </html>。
元素內容是另一個 HTML 元素（body 元素）。
不要忘記結束標籤
即使您忘記了使用結束標籤，大多數瀏覽器也會正確地顯示 HTML：
<p>This is a paragraph
<p>This is a paragraph上面的例子在大多數瀏覽器中都沒問題，但不要依賴這種做法。忘記使用結束標籤會產生不可預料的結果或錯誤。
註釋：未來的 HTML 版本不允許省略結束標籤。
空的 HTML 元素
沒有內容的 HTML 元素被稱為空元素。空元素是在開始標籤中關閉的。
<br> 就是沒有關閉標籤的空元素（<br> 標籤定義換行）。
在 XHTML、XML 以及未來版本的 HTML 中，所有元素都必須被關閉。
在開始標籤中新增斜槓，比如 <br />，是關閉空元素的正確方法，HTML、XHTML 和 XML 都接受這種方式。
即使 <br> 在所有瀏覽器中都是有效的，但使用 <br /> 其實是更長遠的保障。HTML 標籤對大小寫不敏感
HTML 屬性
- 屬性為 HTML 元素提供附加資訊。
- HTML 標籤可以擁有屬性。
- 屬性提供了有關 HTML 元素的更多的資訊。
- 屬性總是以名稱/值對的形式出現，比如：name=”value”。
- 屬性總是在 HTML 元素的開始標籤中規定。
HTML 連結由 <a> 標籤定義。連結的地址在 href 屬性中指定：
<a href="http://www.w3school.com.cn">This is a link</a>基礎學習的記錄，希望對你們有幫助！！！