請注意：

綜合範例：

<h1>標題字 h1 的字形</h1>
<h2>標題字 h2 的字形</h2>
<h3>標題字 h3 的字形</h3>
<h4>標題字 h4 的字形</h4>
<h5>標題字 h5 的字形</h5>
<h6>標題字 h6 的字形</h6>

綜合範例：

<img src="img/bsd.jpg" height="135" align="right">
<p>FreeBSD 是一種類 UNIX 作業系統，是由經過 BSD(Berkeley Software Distribution)、386BSD
和 4.4BSD 發展而來的 Unix 的一個重要分支，且它被為是一個相當可靠和健壯的系統。</p>
<p>FreeBSD 運行在 Intel x86 family 相容處理器、DEC Alpha、Sun 微系統的 UltraSPARC、
Itanium(IA-64) 和 AMD64 處理器上。針對 PowerPC 的支持正在開發中。</p>
右圖就是所謂的 Beastie（小惡魔），為 FreeBSD 的代表圖像。

FreeBSD 是一種類 UNIX 作業系統，是由經過 BSD(Berkeley Software Distribution)、386BSD 和 4.4BSD 發展而來的 Unix 的一個重要分支，且它被為是一個相當可靠和健壯的系統。

FreeBSD 運行在 Intel x86 family 相容處理器、DEC Alpha、Sun 微系統的 UltraSPARC、Itanium(IA-64) 和 AMD64 處理器上。針對 PowerPC 的支持正在開發中。

右圖就是所謂的 Beastie（小惡魔），為 FreeBSD 的代表圖像。

綜合範例：

<marquee scrollamount="2" scrollamount="10" height="178">
	<img src="img/rabbit.gif" align="bottom">
	<img src="img/rabbit.gif" height="100" align="bottom">
	<img src="img/rabbit.gif" height="50" align="bottom">
</marquee>

<table> 標籤：

<caption> 標籤：

<tr> 標籤：

<td> 標籤：

<th> 標籤：

<table bgcolor="#000000" cellspacing="1" align="center">
	<!-- ----------第一個橫列：顯示星期---------- -->
	<tr>
		<th bgcolor="#aaccaa">
			<div style="text-align:right">星期</div>
			<div style="text-align:left">節次</div>
		</th>
		<th bgcolor="#aaccaa">星期一</th>
		<th bgcolor="#aaccaa">星期二</th>
		<th bgcolor="#aaccaa">星期三</th>
		<th bgcolor="#aaccaa">星期四</th>
		<th bgcolor="#aaccaa">星期五</th>
	</tr>
	<!-- ----------第二個橫列：顯示早修---------- -->
	<tr>
		<th bgcolor="#aaccaa"><br> </th>
		<td colspan="5" bgcolor="#ddffdd">早修時間</td>
	</tr>
	<!-- ----------第三個橫列：顯示第 1 節課---------- -->
	<tr>
		<th bgcolor="#aaccaa">1</th>
		<td bgcolor="#ddffdd"><br> </td>
		<td bgcolor="#ddffdd"> </td>
		<td bgcolor="#ddffdd"> </td>
		<td bgcolor="#ddffdd"> </td>
		<td bgcolor="#ddffdd"> </td>
	</tr>
	<!-- ----------第四個橫列：顯示第 2 節課----------- -->
	<tr>
		<th bgcolor="#aaccaa">2</th>
		<td bgcolor="#ddffdd"><br> </td>
		<td bgcolor="#ddffdd"> </td>
		<td bgcolor="#ddffdd"> </td>
		<td bgcolor="#ddffdd"> </td>
		<td bgcolor="#ddffdd"> </td>
	</tr>
	<!-- ----------第五個橫列：顯示第 3 節課----------- -->
	<tr>
		<th bgcolor="#aaccaa">3</th>
		<td bgcolor="#ddffdd">504<br>電腦</td>
		<td bgcolor="#ddffdd"> </td>
		<td bgcolor="#ddffdd"> </td>
		<td bgcolor="#ddffdd"> </td>
		<td bgcolor="#ddffdd"> </td>
	</tr>
	<!-- ----------第六個橫列：顯示第 4 節課----------- -->
	<tr>
		<th bgcolor="#aaccaa">4</th>
		<td bgcolor="#ddffdd">601<br>體育</td>
		<td bgcolor="#ddffdd">505<br>電腦</td>
		<td bgcolor="#ddffdd"> </td>
		<td bgcolor="#ddffdd"> </td>
		<td bgcolor="#ddffdd"> </td>
	</tr>
	<!-- ----------第七個橫列：顯示午休---------- -->
	<tr>
		<th bgcolor="#aaccaa"><br> </th>
		<td colspan="5" bgcolor="#ddffdd">午休時間</td>
	</tr>
	<!-- ----------第八個橫列：顯示第 5 節課----------- -->
	<tr>
		<th bgcolor="#aaccaa">5</th>
		<td bgcolor="#ddffdd"><br> </td>
		<td bgcolor="#ddffdd">501<br>電腦</td>
		<th rowspan="3" bgcolor="#aaccaa">教<br>師<br>進<br>修</th>
		<td bgcolor="#ddffdd">602<br>電腦</td>
		<td bgcolor="#ddffdd"> </td>
	</tr>
	<!-- ----------第九個橫列：顯示第 6 節課----------- -->
	<tr>
		<th bgcolor="#aaccaa">6</th>
		<td bgcolor="#ddffdd"> </td>
		<td bgcolor="#ddffdd">502<br>電腦</td>
		<td bgcolor="#ddffdd"> </td>
		<td bgcolor="#ddffdd">601<br>電腦</td>
	</tr>
	<!-- ----------第十個橫列：顯示第 7 節課----------- -->
	<tr>
		<th bgcolor="#aaccaa">7</th>
		<td bgcolor="#ddffdd"> </td>
		<td bgcolor="#ddffdd">603<br>電腦</td>
		<td bgcolor="#ddffdd">601<br>體育</td>
		<td bgcolor="#ddffdd">603<br>電腦</td>
	</tr>
</table>

綜合範例：

<center>
	<embed src="video/baseball.mpeg" autostart="false"></embed>
</center>

綜合範例：

今日的回家作業：
<ol>
	<li>國語第七課生字，每字寫一行。</li>
	<li>完成數學習作（甲本）第 24 頁。</li>
	<li>上網路查詢何謂「疊字」，並列舉一例作品。</li>
</ol>
今日的回家作業：
<ul>
	<li>國語第七課生字，每字寫一行。</li>
	<li>完成數學習作（甲本）第 24 頁。</li>
	<li>上網路查詢何謂「疊字」，並列舉一例作品。</li>
</ul>
<dl>
	<dt>CISC 複雜指令集計算</dt>
	<dd>
	全名為 Complex Instruction Set Computer，是一種微處理器指令集架構 (ISA)，
	每個指令可執行若干低階操作，諸如從記憶體讀取、計算操作和儲存記憶體，全部集於單一
	指令之中。與之相對的是精簡指令集 (RISC，Reduced Instruction Set Computer)。
	在 RISC 處理器發跡以前，許多電腦架構嚐試跨越「語義鴻溝」－－設計出籍由提供
	「高階」指令支援高階程式語言的指令集，諸如程序調用和返回，迴圈指令諸如「若非
	零則減量和分支」和複雜尋址模式以允許資料結構和陣列存取以結合至單一指令。屬於
	CISC 的處理器有 CDC 6600、System/360、VAX、PDP-11、Motorola 68000 家族
	、Intel、AMD x86 CPUs。
	</dd>
	<dt>RISC 精簡指令集計算</dt>
	<dd>
	為電腦 CPU 的一種設計模式，也被稱為 RISC（Reduced Instruction Set Computing
	的縮寫）。常見的精簡指令集微處理器包括 AVR、PIC、ARM、DEC Alpha、PA-RISC、
	SPARC、MIPS、Power Architecture 等。早期，這種 CPU 指令集的特點是指令數目少，
	每條指令都採用標準字長、執行時間短、CPU 的實現細節對於機器級程序是可見的等等。實際
	上在後來的發展中，RISC 與 CISC 在爭吵的過程中相互學習，現在的 RISC 指令集也達到
	數百條，運行周期也不再固定……雖然如此，RISC 設計的根本原則－－針對流水線化的處理器
	優化－－沒有改變。。
	</dd>
</dl>

<input type="checkbox"> 標籤：

這是可以提供複選功能的表單元件，透過 name 屬性，可以為這個複選元件指定一名稱，另外，若把 disabled 屬性加到標籤內，可以讓複選元件失去功能。

<input type="radio"> 標籤：

這是可以提供單選功能的表單元件，name 屬性，disabled 屬性之說明，請參閱 <input type="checkbox"> 標籤說明。

<input type="text"> 標籤：

這是可以輸入單行文字的表單元件，透過 size 屬性，指定要顯示可以容納多少字元的文字輸入元件，maxlength 屬性，可以指定最大可輸入字元數目，value 屬性可以指定預設的文字，readonly 屬性可以讓文字輸入元件內的文字不能被修改，最後關於 name 屬性，disabled 屬性之說明，請參閱 <input type="checkbox"> 標籤說明。

<input type="password"> 標籤：

這是可以輸入密碼的表單元件，它很類似 <intpu type="text"> 元件，都是提供使用者輸入文字的介面，只是在這個元件中，所有被輸入的文字，都會以 * 來顯示，，最後關於 name 屬性，disabled 屬性之說明，請參閱 <input type="checkbox"> 標籤說明

<input type="button"> 標籤：

這是一般用途按鈕的表單元件，通常這都與 Java Script 程式來搭配使用。value 屬性所指定的文字，就是標籤按鈕上的文字，其餘屬性請參閱其它表單元件說明。

<input type="submit"> 標籤：

這是傳送資料按鈕的表單元件，這個按鈕在點選後，就會把表單中所有元件的值送給後端的程式來執行。value 屬性所指定的文字，就是標籤按鈕上的文字，其餘屬性請參閱其它表單元件說明。

<input type="reset"> 標籤：

這是清除表單資料按鈕的表單元件，這個按鈕在點選後，就會把表單中所有元件的值清除。value 屬性所指定的文字，就是標籤按鈕上的文字，其餘屬性請參閱其它表單元件說明。

<input type="file"> 標籤：

這是可以選取檔案的表單元件，這類的運用多使用在檔案上傳，但是這還是須要後端程式接續處理上傳後的檔案，才能完成整個上傳動作。

<input type="image"> 標籤：

這是產生影像圖片的表單元件，通常 <input type="image"> 建立的影像表單物件都用於替代傳統的按鈕物件。

<input type="hidden"> 標籤：

這是一個可以隱藏不見的表單元件。

<form name="userInfo">

<fieldset>

<legend>網路使用者基本資料</legend>

姓名：
<input type="text" name="name"><br>

性別：
<input type="radio" name="gender" id="gb">
<label for="gb">男性</label>
<input type="radio" name="gender" id="gg">
<label for="gg">女性</label><br>

帳號：
<input type="text" name="account"><br>

密碼：
<input type="password" name="password"><br>

個人圖像：
<input type="file" name="photo"><br>

身份：
<select name="identify">
	<option value="學生" selected>學生</option>
	<option value="公務員">公務員</option>
	<option value="商">商</option>
	<option value="上班族">上班族</option>
	<option value="其他">其他</option>
</select><br>

特殊專長：
<input type="checkbox" name="specify" id="sMusic">
<label for="sMusic">音樂</label>
<input type="checkbox" name="specify" id="sArt">
<label for="sArt">藝術</label>
<input type="checkbox" name="specify" id="sDesign">
<label for="sDesign">設計</label>
<input type="checkbox" name="specify" id="sSport">
<label for="sSport">體育</label><br>

<input type="button" value="資料正確"
onclick="confirm(this.form.name.value+'您好！系統將傳送你的資料！')">
<input type="reset" value="清除重寫">

</fieldset>

</form>