接上一篇,web學習筆記 四,在此感謝您對此篇筆記的認可,但轉發時請註明文章出自網知博學。
2.0 html的語法格式
html的標籤要寫在尖括號中 :<> 在在英文輸入法狀態下,按住shift鍵然後再按它左側的尖括號就可了,
先學習一個簡單的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。用瀏覽器打開就可以看到效果了。
2.0.1 成對出現的標籤
HTML 標籤通常是成對出現的,比如 <h1> 我是標題1</h1>,還有練習中的p標籤,這種成對出現的標籤我們習慣稱之爲“雙標籤”。
雙標籤中的第一個標籤稱爲開始標籤,第二個標籤稱爲結束標籤,開始和結束標籤也被稱爲開放標籤和閉合標籤如下圖:
在結束標籤</h1>中的 /,叫做結束符,代表着這是標籤中的結束標籤。
2.0.2 單個出現的標籤
在HTML中,除了成對出現的標籤,也存在單身的標籤。這種標籤稱爲:空標籤,習慣上稱爲:單標籤。有一個可以起到換行作用的標籤:<br />這個標籤就是單標籤。當在使用這個標籤的時候,就相當於按下回車鍵,讓文本另起了一行,從新的一行開始!這個起換行作用的單標籤<br />中也出現了和雙標籤結束標籤中同樣的“/”結束符,只不過是位置不一樣了,現在只需知道雙標籤必須寫上結束標籤,單標籤必須寫上“/”結束符,現在我們在一個段落中加入這個<br />標籤
<p>我是一個段落,因爲我在p標籤中,所以我是段落。</p>
<p>我是一個段落,因爲我在p標籤中,<br />所以我是段落。</p>
第一個是正常的段落,第二個是加入了換行標籤<br/>。你也可以試一下。如果你是初學沒有任何基礎,現在不要想太多其他的,只要新建一個文本文檔,並把文本文檔原來的擴展名txt,改爲html,就可以在裏邊寫代碼了,在瀏覽器中打開後如下圖:
此篇學習筆記爲網知博學原創,轉載請附上文章鏈接並註明: 網知博學-技術博客 WEB前端學習筆記 四