這一章節我們要開始把網頁中常用到的標籤一一向大家介紹,學習這一章節的時候要記住學習html標籤過程中,主要注意兩個方面的學習:標籤的用途、標籤在瀏覽器中的默認樣式。
什麼叫做語義化呢,說的通俗點就是:明白每個標籤的用途(在什麼情況下使用此標籤合理),比如,網頁上的文章的標題就可以用標題標籤,網頁上的各個欄目的欄目名稱也可以使用標題標籤。文章中內容的段落就得放在段落標籤中,在文章中有想強調的文本,就可以使用em 標籤表示強調等等。
2.2 body標籤,網頁顯示內容放在這裡在網頁上要展示出來的頁面內容一定要放在body標籤中。如下圖是一個新聞文章的網頁。
瀏覽器效果如下:
2.3 p標籤,添加段落如果想在網頁上顯示文章,這時就需要<p>標籤了,把文章的段落放到<p>標籤中。
語法: <p>段落文本</p>注意一段文字一個標籤,如在一篇新聞文章中有3段文字,就要把這3個段落分別放到3個<p>標籤中。如下圖所示:
瀏覽器顯示效果如下:
<p>標籤的默認樣式,可以在上圖中看出來,段前段後都會有空白,如果不喜歡這個空白,可以用css樣式來刪除或改變它。段落驗證代碼:
XML/HTML Code複製內容到剪貼板