常用 html 標籤

標題

標題標籤可以將文字格式化為標題文字,文字會加上粗體,文字大小可以從最大的 h1 至最小的 h6。

註:標籤英文字母,不分大小寫,皆是可以。

語法:

<h1>標題1:最大標題文字</h1>

<h2>標題2:標題文字</h2>

<h3>標題3:標題文字</h3>

<h4>標題4:標題文字</h4>

<h5>標題5:標題文字</h5>
<h6>標題6:最小標題文字</h6>

 

段落

將文字格式化為段落樣式。

語法:<p>這是一個文字段落 html 標籤的範例。</p>

 

插入圖片

將一個圖片檔案插入網頁中。

語法:<img src="/images\logo.png">

說明:

  • 圖片標籤不需要</img>
  • images 是資料夾名稱
  • logo.png 是圖片檔案名稱

 

超連結

將文字或圖片加入超連結

語法:

內部連結:<a href="/about.html">關於我們</a>

外部連結:<a href="/http://www.chimeimuseum.org">奇美博物館</a>

 

表格

下方範例語法是插入一個二欄三列的表格

語法:

 <table width="100%" border="1">

<tbody>

<tr>

<td>第1列第1欄儲存格</td>

<td>第1列第2欄儲存格</td>

</tr>

<tr>

<td>第2列第1欄儲存格</td>

<td>第2列第2欄儲存格</td>

</tr>

<tr>

<td>第3列第1欄儲存格</td>

<td>第3列第2欄儲存格</td>

</tr>

</tbody>

</table>

 上方表格語法產生的表格:

 第1列第1欄儲存格  第1列第2欄儲存格
 第2列第1欄儲存格  第2列第2欄儲存格
 第3列第1欄儲存格  第3列第2欄儲存格

 

 表單

 

下方是登入表單範例

語法:

<form id="form1" name="login" method="post">

<label for="textfield">帳號:</label>

<input type="text" name="id" id="id">

<label for="密碼">密碼:</label>

<input type="text" name="password" id="password">

<input type="submit" name="submit" id="submit" value="登入">

</form>



 

 


列印   Email