H5學習第一天（06HTML常用標籤）
摘要：
1.標籤語義
2.常用標籤:<p>和 <br />
3.vscode 的基礎演示（剛開始儘量寫得詳細）
HTML常用標籤
1.標籤語義
學習標籤是有技巧的，重點記住每個標籤的語義，
簡單理解就是指標籤的含義，即這個標籤是用來幹嘛的
根據標籤的語義在合適的地方給一個最為合理的標籤，可以讓頁面結構更清晰。
2.標題標籤
標題標籤<h1>-<h6>(重要)
為了使網頁更具有語義化，我們經常會在頁面中用到標題標籤。HTML提供了6個等級的網頁標籤，
即<h1>-<h6>.
<h1>我是一級標題</h1>
單詞head 的 縮寫，意味頭部，標題。
標籤語義：作為標題使用，並且依據重要性遞減
特點：
1.加了標題的文字會變的加粗，字號也會依次變大
2.一個標題獨佔一行
演示：（最後演示一遍哈，以後的案例操作都是這樣）
1.複習前面vscode 使用，雙擊開啟
2.ctrl + n (新建頁面)
3.ctrl + s (儲存)，英文命名，字尾是 .html 即可
4.建立基本骨架
英文輸入法狀態下按 ！,然後按下 tab 鍵 即可
5.寫入程式碼：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>標題一共六級選，</h1>
<h2>文字加粗一行顯。</h2>
<h3>由大到小依次減，</h3>
<h4>從重到輕隨之變</h4>
<h5>語法規範書寫後，</h5>
<h6>具體效果重新整理見。</h6>
----哈哈哈
</body>
</html>
用預設瀏覽器開啟（我已經設定預設瀏覽器為谷歌瀏覽器了）
效果：
注意：
加了標題後，會有加粗的效果字號也會根據跟著變化，但是千萬不能用來做加粗的樣式，要注意標籤的語義，這個標籤是用來做標題的
如果想用加粗，請使用其他的辦法（後面會介紹）
3.兩個常用標籤:
段落標籤和換行標籤（重要）
段落<p>：
在網頁中，要把文字有條理的顯示出來，就需要將這些文欄位顯示，在HTML標籤中，
<p>標籤用於定義段落，他可以將整個網頁分為若干個段落。
特點：
1.文字在一個段落中會根據瀏覽器視窗的大小自動換行
2.段落和段落之間保有空隙。
<p>我是一個段落標籤</p>
p是單詞paragraph的縮寫，以為段落
標籤語義：可以把HTML文件分割為若干段落
情景：
新建一個HTML檔案，輸入lorem 按 TAB鍵
再次輸入lorem 按 TAB鍵出現兩段溢位文字：
用VScode 自帶的自動換行，快捷鍵（ALT + z）
自動換行後：
在編輯器裡面我們成功換行了，但是在瀏覽器呢？我們看一下，右鍵開啟預設瀏覽器（第一篇我儘量寫的詳細）
展示：（發現編輯器裡面分好的段落樣式根本就沒起作用，兩段黏在一起了）
這次我們為段落加上<p>標籤
瀏覽器檢視：（成功分段了！這就是p 標籤的用處）
換行<br />：
在HTML中，一個段落中的文字會從左到右依次排序，直到瀏覽器視窗的右端，然後才自動換行。
如果希望某段文字強制換行顯示，就要使用換行標籤<br />.
<br />
單詞 break的縮寫，意為打斷，換行
標籤語義：強制換行
特點：
1.<br />是個單標籤。
2.<br />標籤只是簡單地開始新的一行，跟段落不一樣，段落之間會插入一些垂直的間距。
演示：
直接強制換行：
總結：分段落用<p>標籤，換行用<br />單標籤
每天打氣：萬丈高樓平地起，地基還得自己起，剛開始的繁瑣簡單，會為成就未來的你