HTML 入門知識
基礎概念
1、什麼是 HTML文件？
全稱是 ：Hypertext Marked Language,中文名“超文本標記語言”。
從名字來看 ，本身是文本架構，，但是 包含一些 Tag，即“標記”。
標記的作用是 ：告訴瀏覽器 如何顯示 這個文件
HTML 文件 後綴 是.html 或者 是.htm
編寫平臺 ：基本的文本編輯器 。譬如，notepad等
運行/瀏覽 方式：雙擊打開
<html>
<head>
<title>Title of page</title>
</head>
<body>
This is my first homepage.<b>This text is bold</b>
</body>
</html>
範例解釋：
這對tag 告訴瀏覽器 是 文件的首尾 這對tag 是head信息 ，在瀏覽器中不顯示 但是 有助於 搜索引擎 能夠搜索 到 該網頁HTML 元素 （HTML Elements）特點
| 標記文本，表示文本內容 | |
|---|---|
| 用 tag表示 ，成對出現 | |
| 不區分大小寫 | |
| – | 起始的叫做 Opening tag 結尾 的叫做 Closing tag |
HTML 元素屬性
元素 可以 擁有屬性 ，屬性 擴展HTML元素的能力
舉例：
使用 bgcolor屬性 ，使得 頁面的成爲紅色
使用 border 屬性，將表格設成 一個無邊框的表格
屬性 通常 由 屬性名 和 值成對出現，name = “value”
屬性 通常 是附加給 HTML 的Opening Tag
基礎 Tag
用於 標題、段落、分行
正文標題
用
到
這 幾個 Tag 來定義 正文標題，從大到小，每個正文標題 自成一段
<h1> This is a heading</h1>
<h2> This is a heading </h2>
<h3> This is a heading </h3>
<h4> This is a heading </h4>
<h5> This is a heading </h5>
<h6> This is a heading </h6>
段落劃分
使用
和
劃分段落<p> This is a paragraph </p>
換行
使用
這個 Tag ，可以在不新建段落的情況下 換行，沒有 Closing Tag
不要使用
換行
<p>This is a para <br>graph with line breaks </p>
註釋
註釋 寫在 之間 。瀏覽器自動忽略。
<!-- This is a comment -->
HTML 文件 會自動截去多於空格。不管你加多少空格，都會被看做一個空格。
一個空行也被看做 一個空格
有些 Tag 能夠將文本 自成一段 ，無需再使用
來分段，如
<html>
<body>
<p>
這一段
在源代碼裏
包含 很多分行，
但是 瀏覽器 忽略
這些分行。
</p>
<p>
這一段 在瀏覽器裏
包含 很多 空格
但是 瀏覽器 忽略 多於空格
</p>
<p>
你使用 的瀏覽器窗口 大小決定了段落的行數 ，
<br><b>如果 你改變瀏覽器窗口的大小，段落的行數也會因此改變<b>
</p>
</body>
</html>
如何查看HTML的源代碼
一是 點擊鼠標右鍵，點擊 View Source （查看源代碼）命令；
二是 選擇瀏覽器菜單 View（查看）中的Source（源文件）命令；
借鑑 別人寫的好的地方
HTML特殊字符顯示
有些字符 在HTML中有特別的含義，就拿 < 就表示 HTML Tag的開始，這個
小於號是不顯示在我們最終看到的網頁裏的。那如果我們希望在網頁中顯示 一個小於號 ，該如何 操作呢？
這就要 說道 HTML 字符實體 （HTML Character Entities）
一個 字符實體 分成 三部分 ：第一部分 是一個 & 符號，英文（ampersand）；
：第二部分 是實體（Entity）名字 或者 是 # 加上實體編號；第三部分 是 一個分號；
比如 顯示 小於號 （ <） 寫成 ：&It； 或者<；
用實體名字 好處是 易於理解。It 猜出 是 less than 劣 處 是並不是 所有瀏覽器 都支持 最新的實體名字 ；而 實體編號 ，各種瀏覽器都能處理
注意：實體是區分大小寫的
那麼 就可以解決一個問題：如何顯示 空格？
通常情況下 ，HTML 會自動截去多餘空格，不管你加多少空格，都被看做是一個空格。在網頁中增加 空格 可以使用 來表示空格
| 顯示結果 | 說明 |
|---|---|
| 顯示一個空格 | |
| Entity Name | Entity Number |
| nbsp; | #160 |
| < | 小於號 |
| &It; | < |
| > | 大於號 |
| gt; | > |
| & | &符號 |
| amp; | & |
| " | 雙引號 |
| quot; | #34; |