WEB前端學習筆記 四

接上一篇，web學習筆記 四，在此感謝您對此篇筆記的認可，但轉發時請注明文章出自網知博學。

2.0  html的語法格式

html的標簽要寫在尖括號中 ：<> 在在英文輸入法狀態下，按住shift鍵然后再按它左側的尖括號就可了，

先學習一個簡單的h2標簽，是個標題標簽，在html中這樣寫：

<h2>我在h2標簽中，我就是標題</h2>

那么h2標簽中所包裹的文字，就標記成標題了。通過瀏覽器的解析后在頁面上顯示出來的效果就是字體加粗，加黑，和word中的標題性質一樣！

大家知道word中的標題1、標題2、標題3……..嗎？

html中的標題標簽按照標題的大小從<h2>- <h7>，<h2>定義最大標題，<h7>定義最小標題：

<h2>我是標題 1，最大的標題</h2>

<h3>我是標題 2</h3>

<h4>我是標題 3</h4>

<h5>我是標題 4</h5>

<h6>我是標題 5</h6>

<h7>我是標題 6，最小的標題</h7>

標題和段落應該是我們最容易理解的，現在再介紹一個段落標簽<p>。

<p>這段文字被p標簽所包裹，所以現在你看到的這段文字就是一個段落了</p>

現在就試一下吧，新建一個文本文件，按照上邊的例子寫到記事本中，熟悉一下標題和段落的標簽。寫完后把你建的文本文件的擴展名改為html。用瀏覽器打開就可以看到效果了。

2.0.1  成對出現的標簽

HTML 標簽通常是成對出現的，比如 <h2> 我是標題1</h2>，還有練習中的p標簽，這種成對出現的標簽我們習慣稱之為“雙標簽”。

雙標簽中的第一個標簽稱為開始標簽，第二個標簽稱為結束標簽，開始和結束標簽也被稱為開放標簽和閉合標簽如下圖：

在結束標簽</h2>中的 /，叫做結束符，代表著這是標簽中的結束標簽。

2.0.2  單個出現的標簽

在HTML中，除了成對出現的標簽，也存在單身的標簽。這種標簽稱為：空標簽，習慣上稱為：單標簽。有一個可以起到換行作用的標簽：<br />這個標簽就是單標簽。當在使用這個標簽的時候，就相當于按下回車鍵，讓文本另起了一行，從新的一行開始！這個起換行作用的單標簽<br />中也出現了和雙標簽結束標簽中同樣的“/”結束符，只不過是位置不一樣了，現在只需知道雙標簽必須寫上結束標簽，單標簽必須寫上“/”結束符，現在我們在一個段落中加入這個<br />標簽

<p>我是一個段落，因為我在p標簽中，所以我是段落。</p>

<p>我是一個段落，因為我在p標簽中，<br />所以我是段落。</p>

第一個是正常的段落，第二個是加入了換行標簽<br/>。你也可以試一下。如果你是初學沒有任何基礎，現在不要想太多其他的，只要新建一個文本文檔，并把文本文檔原來的擴展名txt，改為html，就可以在里邊寫代碼了，在瀏覽器中打開后如下圖：

此篇學習筆記為網知博學原創，轉載請附上文章鏈接并注明： 網知博學-技術博客  WEB前端學習筆記 四