HTML 簡介
HTML 是建立網頁的標準標記語言。
什麼是 HTML？
- HTML 代表超文字標記語言（Hyper Text Markup Language）
- HTML 是建立網頁的標準標記語言
- HTML 描述了網頁的結構
- HTML 由一系列元素組成
- HTML 元素告訴瀏覽器如何顯示內容
- HTML 元素標記內容的各個部分，例如“這是一個標題”、“這是一個段落”、“這是一個連結”等。
一個簡單的 HTML 文件
示例
<!DOCTYPE html>
<html>
<head>
<title>頁面標題</title>
</head>
<body>
<h1>我的第一個標題</h1>
<p>我的第一個段落。</p>
</body>
</html>
自己動手試一試 »
示例解釋
<!DOCTYPE html>宣告定義了該文件是一個 HTML5 文件<html>元素是HTML頁面的根元素<head>元素包含 HTML 頁面的元資訊<title>元素指定 HTML 頁面的標題（顯示在瀏覽器的標題欄或頁面標籤中）<body>元素定義文件的主體，是所有可見內容的容器，例如標題、段落、影像、超連結、表格、列表等。<h1>元素定義一個大標題<p>元素定義一個段落
什麼是 HTML 元素？
HTML 元素由開始標籤、一些內容和結束標籤定義
<tagname> 內容在此處... </tagname>
HTML 元素是從開始標籤到結束標籤的所有內容
<h1>我的第一個標題</h1>
<p>我的第一個段落。</p>
| 開始標籤 | 元素內容 | 結束標籤 |
|---|---|---|
| <h1> | 我的第一個標題 | </h1> |
| <p> | 我的第一個段落。 | </p> |
| <br> | none | none |
注意：有些 HTML 元素沒有內容（例如 <br> 元素）。這些元素稱為空元素。空元素沒有結束標籤！
Web 瀏覽器
Web 瀏覽器（Chrome、Edge、Firefox、Safari）的目的是讀取 HTML 文件並正確顯示它們。
瀏覽器不顯示 HTML 標籤，而是使用它們來確定如何顯示文件
HTML 頁面結構
以下是 HTML 頁面結構的視覺化
<html>
<head>
<title>頁面標題</title>
</head><body>
</body>
</html><h1>This is a heading</h1>
<p>這是一個段落。</p>
<p>這是另一個段落。</p>
注意： <body> 部分中的內容將在瀏覽器中顯示。<title> 元素中的內容將顯示在瀏覽器的標題欄或頁面標籤中。
HTML 歷史
自全球資訊網誕生以來，HTML 已經有許多版本
| Year（年份） | 版本 |
|---|---|
| 1989 | 蒂姆·伯納斯-李發明了全球資訊網 |
| 1991 | 蒂姆·伯納斯-李發明了 HTML |
| 1993 | 戴夫·拉格特起草了 HTML+ |
| 1995 | HTML 工作組定義了 HTML 2.0 |
| 1997 | W3C 推薦：HTML 3.2 |
| 1999 | W3C 推薦：HTML 4.01 |
| 2000 | W3C 推薦：XHTML 1.0 |
| 2008 | WHATWG HTML5 首個公開草案 |
| 2012 | WHATWG HTML5 即時標準 |
| 2014 | W3C 推薦：HTML5 |
| 2016 | W3C 候選推薦：HTML 5.1 |
| 2017 | W3C 推薦：HTML5.1 第二版 |
| 2017 | W3C 推薦：HTML5.2 |
本教程遵循最新的 HTML5 標準。
影片：HTML 簡介
