WEB前端學(xué)習(xí)筆記 四

接上一篇，web學(xué)習(xí)筆記 四，在此感謝您對此篇筆記的認可，但轉(zhuǎn)發(fā)時請注明文章出自網(wǎng)知博學(xué)。

2.0  html的語法格式

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

先學(xué)習(xí)一個簡單的h2標簽，是個標題標簽，在html中這樣寫：

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

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

大家知道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>

標題和段落應(yīng)該是我們最容易理解的，現(xiàn)在再介紹一個段落標簽<p>。

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

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

2.0.1  成對出現(xiàn)的標簽

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

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

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

2.0.2  單個出現(xiàn)的標簽

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

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

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

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

此篇學(xué)習(xí)筆記為網(wǎng)知博學(xué)原創(chuàng)，轉(zhuǎn)載請附上文章鏈接并注明： 網(wǎng)知博學(xué)-技術(shù)博客  WEB前端學(xué)習(xí)筆記 四