WEB前端學習筆記 四

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

2.0  html的語法格式

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

                                             wKiom1cSHKHCGhtbAAAK0dqINJw989.jpg

先學習一個簡單的h1標籤,是個標題標籤,在html中這樣寫:

<h1>我在h1標籤中,我就是標題</h1>

那麼h1標籤中所包裹的文字,就標記成標題了。通過瀏覽器的解析後在頁面上顯示出來的效果就是字體加粗,加黑,和word中的標題性質一樣!

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

html中的標題標籤按照標題的大小從<h1>- <h6>,<h1>定義最大標題,<h6>定義最小標題:

<h1>我是標題 1,最大的標題</h1>

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

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

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

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

<h6>我是標題 6,最小的標題</h6>

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

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

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

wKioL1cSHZfguVqFAAn58Q12ROQ836.gif

2.0.1  成對出現的標籤

HTML 標籤通常是成對出現的,比如 <h1> 我是標題1</h1>,還有練習中的p標籤,這種成對出現的標籤我們習慣稱之爲“雙標籤”

雙標籤中的第一個標籤稱爲開始標籤,第二個標籤稱爲結束標籤,開始和結束標籤也被稱爲開放標籤和閉合標籤如下圖:

wKiom1cSHdWjl2-nAAAL8p-r4ak469.png

在結束標籤</h1>中的 /,叫做結束符,代表着這是標籤中的結束標籤。

2.0.2  單個出現的標籤

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

<p>我是一個段落,因爲我在p標籤中,所以我是段落。</p>

<p>我是一個段落,因爲我在p標籤中,<br />所以我是段落。</p>

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

wKioL1cSHlOhB7DLAAys3OMkLdk618.gif

此篇學習筆記爲網知博學原創,轉載請附上文章鏈接並註明: 網知博學-技術博客  WEB前端學習筆記 四 


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章