HTML基本標籤介紹

說明

div 標籤一般不會顯示黑色邊框,在這裡故意讓它顯示方便觀察

標題標籤(h1 到 h6)

HTML提供六個層級的標題標籤,數字越小標題越大:

語法:<h1>標題內容</h1> 、 <h6>標題內容</h6> 等等

這是 h1 標題

這是 h2 標題

這是 h3 標題

這是 h4 標題

這是 h5 標題
這是 h6 標題

段落標籤(p)

語法:<p>段落內容</p>

這是一個段落。段落標籤用來包含一段文字內容,瀏覽器會自動在段落前後加上間距。

這是另一個段落。你可以看到兩個段落之間有明顯的間隔。

段落是網頁中最常用的文字容器標籤之一。

按鈕標籤(button)

語法:<button>按鈕文字</button>

按鈕標籤用來創建可點擊的按鈕:

輸入框標籤(input)

語法:<input type="類型" placeholder="提示文字">

注意:input 是單一標籤,不需要結束標籤

輸入框標籤有很多不同的類型:

文字輸入框:

密碼輸入框:

數字輸入框:

電子郵件:

區塊容器標籤(div)

div是最常用的容器標籤,用來包含其他元素。你可以看到這個網頁中每個區塊都被div包圍著,所以有黑色邊框。

這是巢狀的div,div裡面還可以包含其他div。

這是更深層的巢狀div。

div本身沒有特殊的視覺效果,主要用來組織和分組內容。

下面有藏東西喔


    

結果會顯示在這裡