標題

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

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

 表單

下方是登入表單範例

語法：

<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>