標題
標題標籤可以將文字格式化為標題文字,文字會加上粗體,文字大小可以從最大的 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>