1.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>笑話一則</title>
<!--<link href="style.css" rel="stylesheet"></link>-->
<!--<script src="script.js"></script>-->
<style>
article{
margin: 1em 10%;
background-color: #FFC;
}
div{
font-family: "細明體";
}
</style>
</head>
<body>
<article>
<h1>積習難改</h1>
<hr>
<p>李老師： 教書教了這麼久，今年暑假我就要退休了。<br>
趙主任： 李老師精通十八種程式語言，系上無人能及，如果退休，真是本系最大的損失。<br>
李老師： 學過這麼多種程式語言，都快要不會說人話了，退休以後我就不再學寫程式了。<br>
趙主任： 退休生活如果無所事事，恐怕會很無聊，還是培養一些興趣比較好。<br>
李老師： 過年前在活動中心看到有人當眾揮毫寫春聯，很是羨慕，我想退休後也來學習書法吧。<br>
趙主任： 非常好！書法怡情養性，屆時您寫的第一篇書帖務必要送給我留作紀念。
</p>
<p>
夏天過後趙主任收到李老師寄來的一個包裹，裡面是一卷沾滿墨色的宣紙，想必是李老師寫的<br>
第一篇書帖，趙主任展開宣紙一看嚇了一跳，原來宣紙上以細明體寫著斗大的
</p>
<div align="center">
Hello World!
</div>
</article>
</body>
</html>
2-1.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>我的第一個 C++ 程式</title>
<!--<link href="style.css" rel="stylesheet"></link>-->
<!--<script src="script.js"></script>-->
<style>
section{
margin:1em 10%;
background-color: #EFF;
}
pre{
font-family: "Courier New";
}
</style>
</head>
<body>
<section>
<h1>我的第一個 C++ 程式</h1>
<code><pre>
#include <iostream>
using namespace std;
int main(int argc, char *argv[]) {
cout<<"Hello World!">>endl;
return 0;
}
</code></pre>
</section>
</body>
</html>
2-2.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>2007年10月汽柴油批售參考牌價表</title>
<!--<link href="style.css" rel="stylesheet"></link>-->
<!--<script src="script.js"></script>-->
<style>
th{
font-weight: bold;
text-align: center;
}
tr:nth-child(odd){
background-color: red;
}
tr:nth-child(even){
background-color: yellow;
}
td{
text-align: left;
}
td:nth-child(4), td:nth-child(6){
text-align: center;
}
td:nth-child(5), td:nth-child(7){
text-align: right;
}
</style>
</head>
<body>
<table border="1">
<caption>
<h1>「汽柴油批售」 參考牌價表</h1>
<h2>2007年10月2日0時0分起實施</h2>
<h3>（實際價格以各營業地點公告為準)</h3>
</caption>
<tr style="background-color: green">
<th>產品編號</th>
<th>產品名稱</th>
<th>銷售對象</th>
<th>計價單位</th>
<th>參考牌價</th>
<th>營業稅</th>
<th>貨物稅</th>
<th>備註</th>
</tr>
<tr>
<td>113F 1209800</td>
<td>98無鉛汽油</td>
<td>合約加盟站</td>
<td>元/公升</td>
<td>28.517</td>
<td>5%</td>
<td>6.830元/公升</td>
<td></td>
</tr>
<tr>
<td>113F 1209500</td>
<td>95無鉛汽油</td>
<td>合約加盟站</td>
<td>元/公升</td>
<td>27.217</td>
<td>5%</td>
<td>6.830元/公升</td>
<td></td>
</tr>
<tr>
<td>113F 1209500</td>
<td>95無鉛汽油</td>
<td>合約加盟站</td>
<td>元/公升</td>
<td>27.217</td>
<td>5%</td>
<td>6.830元/公升</td>
<td></td>
</tr>
<tr>
<td>113F 1209200</td>
<td>92無鉛汽油</td>
<td>合約加盟站</td>
<td>元/公升</td>
<td>26.517</td>
<td>5%</td>
<td>6.830元/公升</td>
<td></td>
</tr>
<tr>
<td>113F 1229500</td>
<td>酒精汽油</td>
<td>合約加盟站</td>
<td>元/公升</td>
<td> 27.217</td>
<td>5%</td>
<td>6.830元/公升</td>
<td></td>
</tr>
<tr>
<td>113F 5100100</td>
<td>超級柴油</td>
<td>合約加盟站</td>
<td>元/公升</td>
<td>25.2227</td>
<td>5%</td>
<td>3.990元/公升</td>
<td></td>
</tr>
<tr>
<td>113F 5110100</td>
<td>生質柴油</td>
<td>合約加盟站</td>
<td>元/公升</td>
<td>25.2227</td>
<td>5%</td>
<td>3.990元/公升</td>
<td></td>
</tr>
</table>
<!-- content -->
<!--<script type="text/javascript"></script>-->
</body>
</html>
3.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>專案管理簡介</title>
<!--<link href="style.css" rel="stylesheet"></link>-->
<!--<script src="script.js"></script>-->
<!--<style></style>-->
</head>
<body>
<h1 style="text-align:center">什麼是專案？</h1>
<hr>
<ul>
<li>專案定義</li>
<ul>
<li>專案是為完成某一獨特的產品或服務所做的彼此相互關聯的任務或活動的一次性過程。</li>
<li>專案是一種暫時性的努力以創造. 出一項獨一無二的產品或服務。</li>
</ul>
<li>專案屬性</li>
<ol>
<li>一次性</li>
<li>獨特性</li>
<li>目標的確定性</li>
<li>活動的整體性</li>
<li>組織的臨時性和開放性</li>
<li>開發與實施的漸進性</li>
</ol>
</ul>
<div style="text-align:center" >
<img src="images/PMI-Knowledge-Areas.gif">
</div>
<!-- content -->
<!--<script type="text/javascript"></script>-->
</body>
</html>
4.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>99年7、8月統一發票</title>
<!--<link href="style.css" rel="stylesheet"></link>-->
<!--<script src="script.js"></script>-->
<style>
</style>
</head>
<body>
<table border="1">
<caption>
<h1>99年7月、8月統一發票中獎號碼單<h1>
</caption>
<div>
<tr>
<th rowspan="4" style="background-color:red">特獎</th>
<th>7 9 7 2 1 3 5 4 </th>
<tr><th>1 0 1 7 5 7 5 5 </th></tr>
<tr><th>5 9 0 2 9 6 1 0 </th></tr>
<tr><td>同期統一發票收執聯 8 位數號碼與上列號碼相同者獎金 200 萬元 </td></tr>
</tr>
</div>
<tr>
<th rowspan="4" style="background-color:orange">頭獎</th>
<th>1 3 4 9 2 7 4 0 </th>
<tr><th>2 2 7 9 1 8 3 8 </th></tr>
<tr><th>1 2 9 9 4 1 3 7 </th></tr>
<tr><td>同期統一發票收執聯 8 位數號碼與上列號碼相同者獎金 20 萬元 </td></tr>
</tr>
<tr><th style="background-color:yellow">二獎</th><td>同期統一發票收執聯末 7 位數號碼與頭獎中獎號碼末 7 位相同者各得獎金 4 萬元 </td></tr>
<tr><th style="background-color:green">三獎</th><td>同期統一發票收執聯末 6 位數號碼與頭獎中獎號碼末 6 位相同者各得獎金 1 萬元 </td></tr>
<tr><th style="background-color:blue">四獎</th><td>同期統一發票收執聯末 5 位數號碼與頭獎中獎號碼末 5 位相同者各得獎金 4 千元 </td></tr>
<tr><th style="background-color:pink">五獎</th><td>同期統一發票收執聯末 4 位數號碼與頭獎中獎號碼末 4 位相同者各得獎金 1 千元 </td></tr>
<tr><th style="background-color:purple">六獎</th><td>同期統一發票收執聯末 3 位數號碼與頭獎中獎號碼末 3 位相同者各得獎金 2 百元 </td></tr>
<tr>
<th rowspan="2" style="background-color:brown">增開六獎</th>
<td>同期統一發票收執聯末3位數號碼與下列號碼相同者各得獎金2百元 </td>
<tr><th>5 0 5 </th></tr>
</tr>
<tr>
<th>領獎注意事項</th>
<td>
<ol>
<li>領獎期間自99年10月6日起至100年1月5日止，請於郵局公告之兌獎營業時間內辦理，中獎人填妥領獎收據並在收據上粘貼0.4%印花稅票（中五獎以上者），攜帶國民身分證及中獎統一發票收執聯兌領獎金。中特獎、頭獎、二獎、三獎者請向各直轄市及各縣、市經指定之郵局領取獎金；中四獎、五獎、六獎者請向各地郵局兌獎。(各地郵局延時營業窗口及夜間郵局均不辦理兌獎業務。)</li>
<li>統一發票收執聯未依規定載明金額者，不得領獎。</li>
<li>統一發票買受人為政府機關、公營事業、公立學校、部隊及營業人者，不得領獎。</li>
<li>中四獎以上者，依規定應由發獎單位扣繳 20 ﹪所得稅款。</li>
<li>中獎之統一發票，每張按其最高中獎獎別限領 1 個獎金。</li>
<li>其他有關領獎事項均依 「 統一發票給獎辦法 」 規定辦理。</li>
<li>若有任何兌獎疑義，請洽詢服務專線電話： (02)2396-1651 </li>
</ol>
</td>
</tr>
</table>
<!-- content -->
<!--<script type="text/javascript"></script>-->
</body>
</html>
5.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>減肥十法</title>
<!--<link href="style.css" rel="stylesheet"></link>-->
<!--<script src="script.js"></script>-->
<style>
h1{
text-align: center;
}
</style>
</head>
<body>
<!-- content -->
<!--<script type="text/javascript"></script>-->
<h1>十大熱門減肥方法大比較， 那種減肥方法最有效？</h1>
<p>想要減肥， 方法千千萬萬。小編總結了最常用的十種減肥方法， 你用過其中的方法嗎？來PK一下看看那種最有效?</p>
<ol>
<li>
<p>運動減肥</p>
<dl>
<dt>特點：</dt>
<dd>自然療法， 安全無副作用， 不易反彈。</dd>
<dt>理由：</dt>
<dd>對于減肥而言， 運動無疑是最有幫助的， 雖然運動減肥見效緩慢， 但運動可以保持瘦體重， 改善胰島素敏感度， 提高靜代謝率， 這些長久的好處， 則是單純控制飲食無法辦到的。</dd>
<dt>注意事項：</dt>
<dd>運動減肥方法的要點一是長期堅持， 二是必須配合飲食控制。同時補充服用些運動營養劑， 效果更佳。</dd>
</dl>
</li>
<li>
<p>西藥減肥 </p>
<dl>
<dt>特點：</dt>
<dd>起效快， 效果好， 但反彈率高， 有副作用。</dd>
<dt>理由：</dt>
<dd>西藥減肥都應該歸屬於處方藥， 沒有醫師指導， 不可自行用藥。 切忌只關心減肥效果好， 使用超過安全劑量的藥物。 如不考慮反彈與副作用因素， 單論起效快， 減得多， 此法應該名列榜首。 但是可能會危害身體健康！</dd>
<dt>注意事項：</dt>
<dd>必須在醫生指導下安全用藥。</dd>
</dl>
</li>
<li>
<p>量身減肥</p>
<d1>
<dt>特點：</dt>
<dd>根據自身的不同情況， 量身制定減肥方案， 謀求減肥效果最大化。</dd>
<dt>理由：</dt>
<dd>由于肥胖者的年齡、性別、伴有的慢性疾病、身體狀況、生活和飲食習慣、遺傳因素等多方面存在的諸多差異， 所以減肥需要因人而異， 對症施治。 量身減肥方法應該包括：使用針對性的產品、糾正不良的飲食生活習慣、培養健康的減肥心理。</dd>
<dt>注意事項：</dt>
<dd>要找有經驗的專業機構或專家。</dd>
</dl>
</li>
<li>
<p>營養減肥</p>
<d1>
<dt>特點：</dt>
<dd>歸屬飲食減肥方法， 即吃得少， 又吃得營養價值高， 這也是飲食減肥方法的精髓。</dd>
<dt>理由：</dt>
<dd>單純性肥胖者最基本的問題， 即是攝入熱量大于消耗熱量。 而攝入熱量過高與日常食物中所含的卡路裏偏高， 或者食物攝取量過多有關。 所以營養減肥的方式主要就是代餐， 用高營養低熱量的食品來替代低營養高熱量的食品。</dd>
<dt>注意事項：</dt>
<dd>代餐類食品中所含的營養必須能滿足人體每日所需。</dd>
</d1>
</li>
<li>
<p>針炙減肥</p>
<d1>
<dt>特點：</dt>
<dd>調整機體內分泌， 無副作用， 效果好。</dd>
<dt>理由：</dt>
<dd>針灸通過刺激相關穴位， 促進機體脂肪代謝， 消耗囤積在人體內部的脂肪， 調節消化道功能， 及時消除體內垃圾， 達到調整機體內分泌的作用， 同時還能抑止亢進的食欲， 從而最終實現減肥。 各種針刺療法的效果在 73.3%~89%左右。</dd>
<dt>注意事項：</dt>
<dd>必須要在正規醫院進行。</dd>
</d1>
</li>
<li>
<p>中藥減肥 </p>
<d1>
<dt>特點：</dt>
<dd>副作用小， 處方靈活， 起效快， 效果好。</dd>
<dt>理由：</dt>
<dd>肥胖的成因較復雜， 多數學者認為肥胖與體質、年齡、飲食習慣、勞逸、情緒、遺傳等因素有關。 而辨證論治是中醫治療學的核心， 治療肥胖症同樣要強調辨證論治， 它具有針對性強， 兼顧合並症等優點。</dd>
<dt>注意事項：</dt>
<dd>中藥講究陰陽調和與辯證論治， 用錯藥反會適得其反。</dd>
</d1>
</li>
<li>
<p>喝茶減肥</p>
<d1>
<dt>特點：</dt>
<dd>最方便， 最簡單的減肥方法。</dd>
<dt>理由：</dt>
<dd>很多天然的植物中包括茶葉， 都或多或少的減肥的功效， 雖然減肥效果沒有那麼的明顯， 不過長期堅持， 自然會有幫助。 尤其適合作為輔助減肥方法使用</dd>
<dt>注意事項：</dt>
<dd>各種市售減肥茶， 通常含有泄藥， 減肥機理以泄為主， 不可取。</dd>
</d1>
</li>
<li>
<p>外用減肥</p>
<d1>
<dt>特點：</dt>
<dd>外用品， 克服人們對內服藥品的副作用恐懼。</dd>
<dt>注意事項：</dt>
<dd>減肥霜之類的外用產品對肌體脂肪代謝過程不能發揮任何影響， 因此對全身性肥胖的治療沒有任何幫助。 實際上使用任何一種減肥霜都需要按摩、熱敷等。 其實只要按摩得法， 一樣可減肥。 試想一堆脂肪， 經過按摩及熱敷後， 脂肪組織中的間隙就會變寬， 毛細血管就會見縫插針， 局部的血液循環好了， 脂肪的代謝也就加快了， 豐滿的脂肪細胞自然會變瘦的， 因而局部就變薄了， 真正的作用在于按摩， 減肥霜起輔助作用。</dd>
</d1>
</li>
<li>
<p>束身衣減肥 </p>
<d1>
<dt>特點：</dt>
<dd>塑造從胸部到腰部的線條， 讓腰部與上半身看起來更加苗條修長。</dd>
<dt>注意事項：</dt>
<dd>並沒有什麼讓脂肪移位的說法， 所以此類產品本質並不產生減脂效果。 另外也不要把褲腰帶勒得過緊， 這對身體健康是有害的。 要知道， 褲腰帶勒在腰上， 前面是腹腔， 後面是腰肌， 如果勒腰過緊， 把腸子壓擠到盆腔裏去以後， 便會影響盆腔內子宮、卵巢、輸卵管的血液循環， 使生殖器官不能及時得到營養和排泄廢物， 生長發育和生殖功能出現毛病，
往往引起月經不調、痛經、盆腔炎、不孕症等。</dd>
</d1>
</li>
<li>
<p>節食減肥 </p>
<d1>
<dt>特點：</dt>
<dd>經濟， 減肥速度快， 但容易造成營養不良， 反彈率高。</dd>
<dt>注意事項：</dt>
<dd>由于節食會基礎代謝率降低， 基礎能耗越來減少， 減肥難度一次比一次高， 控制脂肪細胞內脂肪儲備量的脂肪酶變得更加活躍， 以致使更容易貯存脂肪， 恢復飲食後， 會迅速復胖， 甚至超過原來的水平。</dd>
</d1>
</li>
</ol>
</body>
</html>
6.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>書籍介紹</title>
<!--<link href="style.css" rel="stylesheet"></link>-->
<!--<script src="script.js"></script>-->
<style>
</style>
</head>
<body>
<!-- content -->
<!--<script type="text/javascript"></script>-->
<h1 style="text-align:center">書籍介紹</h1>
<br>
<table>
<tr>
<td><img src="images/book1.jpg"></td>
<td>
<table>
<tr><th>熱情人生的冰淇淋哲學</th></tr>
<tr><th>The Renaissance Soul</th></tr>
<tr><td>作者：瑪格麗特．羅賓絲婷</td></tr>
<tr><td>原文作者：Margaret Lobenstine</td></tr>
<tr><td>譯者：劉怡女</td></tr>
<tr><td>出版社：<a href="http://www.locuspublishing.com/" target="_blank">大塊文化</a></td></tr>
<tr><td>出版日期：2007年10月29日</td></tr>
<tr><td>語言：繁體中文</td></tr>
<tr><td>ISBN：9789862130148</td></tr>
<tr><td>裝訂：平裝</td></tr>
<tr><td>售價：280元</td></tr>
</table>
</td>
</tr>
</table>
<h3>內容簡介</h3>
<ul>
<li>你興趣廣泛，好奇心強烈，熱情滿滿，不容易待在一個領域裡，怎麼也難以決定該走上哪一條道路。絕大多數的生涯顧問都會建議你：找出你最重要的長處和優勢，努力發揮它們，在同一個軌道上累積成績與實力，一步一步往往上爬。</li>
<li>只有這本書鼓勵你：接受你喜愛朝向多面發展的特質，循著熱情找工作過生活，同時進行多種興趣，隨時可以改變愛好，用熱情來幫你取得金錢與快樂。</li>
<li>本書結合了生涯規劃、心理諮商與時間管理的概念和技巧，將會讓你學到：
<ul>
<li>重新認識自己的性格特質，愛上多才多藝的自己。</li>
<li>選擇愛好可以像是在吃四色冰淇淋，同時進行幾種你目前最喜歡的「熱情焦點」。</li>
<li>用嶄新的眼光尋找下一份工作，或者重新看待現在這份給你薪水的工作。</li>
<li>不必轉換職業軌道，也能滿足好幾種愛好。</li>
<li>用你熱愛的事物來賺取金錢。</li>
<li>把時間管理得既有秩序又有彈性。</li>
<li>不必辭職進修，也能獲得新領域的知識。</li>
</ul>
</li>
<li>特別建議以下幾種人類從這本書裡找到指引：
<ul>
<li>已展現能力並擔任主管職務，受公司倚重，但耳畔有聲音對你說：「人生還有別的可能性。」</li>
<li>善於「打天下」，但不喜「治天下」的人才。喜歡尚未嘗試過的風險，遠勝於已經熟悉的成功。</li>
<li>過去兩年來換過四次工作，每次都覺得新工作是正確選擇，但不久又因為想做別的新鮮事而離職。</li>
<li>目前從事薪水微薄的基層工作，想換工作但不知還能做什麼，總覺得看不到出路的人。</li>
<li>興趣廣泛，期許自己成為一個多才多藝的全能人才，可是不知如何選定大學主修課程的學生。</li>
</ul>
</li>
<li>今日世界追求彈性與感性、適應力與創造力。像你這般樣隨時在演化的人種，這正是你的時代。</li>
</ul>
<h3>作者簡介</h3>
<dl>
<dt>瑪格麗特．羅賓絲婷 (Margaret Lobenstine)</dt>
<br>
<dt>目前經營「另有出路顧問工作室」(Alternative Approached)，為客戶提供工作生涯發展與人生規劃的諮詢。輔導過五千名以上的客戶面對各種人生課題。迄今創立過三種截然不同的事業，每一次都在事業有成之後覺得必須轉換跑道。現在與先生住在美國麻州。</dt>
</d1>
</body>
</html>
7.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>新書目錄</title>
<!--<link href="style.css" rel="stylesheet"></link>-->
<!--<script src="script.js"></script>-->
<style>
tr{
vertical-align: top;
}
th{
text-align: right;
}
td{
text-align: left;
}
</style>
</head>
<body>
<!-- content -->
<!--<script type="text/javascript"></script>-->
<h1 style="text-align:center">新書目錄</h1>
<table style="margin:0 auto">
<tr>
<th colspan="2" style="text-align:center">
熱情人生的冰淇淋哲學<br>
<span style="color:blue">The Renaissance Soul</span>
</th><br>
</tr>
<tr>
<td><img src="images/book1.jpg"></td>
<td>
<table>
<tr><th>作者：</th><td>瑪格麗特．羅賓絲婷</td></tr>
<tr><th>原文作者：</th><td>Margaret Lobenstine</td></tr>
<tr><th>譯者：</th><td>劉怡女</td></tr>
<tr><th>出版社：</th><td><a href="http://www.locuspublishing.com/" target="_blank">大塊文化</a></td></tr>
<tr><th>出版日期：</th><td>2007年10月29日</td></tr>
<tr><th>語言：</th><td>繁體中文</td></tr>
<tr><th>ISBN：</th><td>9789862130148</td></tr>
<tr><th>裝訂：</th><td>平裝</td></tr>
<tr><th>定價：</th><td>280元</td></tr>
</table>
</td>
</tr>
<tr>
<th colspan="2" style="text-align:center">
我們的新世界(平裝版)<br>
<span style="color:blue">The Age of Turbulence Adventures in a New World</span>
</th><br>
</tr>
<tr>
<td><img src="images/book2.jpg"></td>
<td>
<table>
<tr><th>作者：</th><td>艾倫．葛林斯潘</td></tr>
<tr><th>原文作者：</th><td>Alan Greenspan</td></tr>
<tr><th>譯者：</th><td>林茂昌</td></tr>
<tr><th>出版社：</th><td><a href="http://www.locuspublishing.com/" target="_blank">大塊文化</a></td></tr>
<tr><th>出版日期：</th><td>2007年09月17日</td></tr>
<tr><th>語言：</th><td>繁體中文</td></tr>
<tr><th>ISBN：</th><td>9789862130018</td></tr>
<tr><th>裝訂：</th><td>平裝</td></tr>
<tr><th>定價：</th><td>450元</td></tr>
</table>
</td>
</tr>
</table>
</body>
</html>
8.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>貓咪照片</title>
<base target="content">
<!--<link href="style.css" rel="stylesheet"></link>-->
<!--<script src="script.js"></script>-->
<!--<style></style>-->
</head>
<body>
<!-- content -->
<!--<script type="text/javascript"></script>-->
<article align="center">
<h1>貓咪照片</h1>
<hr>
<nav>|
<a href="1.html">西亞拉雅貓</a>|
<a href="2.html">折耳貓</a>|
<a href="3.html">波斯貓</a>|
<a href="4.html">金吉拉</a>|
</nav>
<hr>
<iframe name="content" src="1.html" width="600px" height="700px">
</iframe>
</article>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>page title</title>
<!--<link href="style.css" rel="stylesheet"></link>-->
<!--<script src="script.js"></script>-->
<!--<style></style>-->
</head>
<body>
<!-- content -->
<!--<script type="text/javascript"></script>-->
<div align="center">
<h2>西亞拉雅貓</h2>
<a href="#" target="_self">
<img src="images/cat1.jpg">
</a>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>page title</title>
<!--<link href="style.css" rel="stylesheet"></link>-->
<!--<script src="script.js"></script>-->
<!--<style></style>-->
</head>
<body>
<!-- content -->
<!--<script type="text/javascript"></script>-->
<div align="center">
<h2>折耳貓</h2>
<a href="#" target="_self">
<img src="images/cat2.jpg">
</a>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>page title</title>
<!--<link href="style.css" rel="stylesheet"></link>-->
<!--<script src="script.js"></script>-->
<!--<style></style>-->
</head>
<body>
<!-- content -->
<!--<script type="text/javascript"></script>-->
<div align="center">
<h2>波斯貓</h2>
<a href="#" target="_self">
<img src="images/cat3.jpg">
</a>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset=utf-8>
<title>page title</title>
<!--<link href="style.css" rel="stylesheet"></link>-->
<!--<script src="script.js"></script>-->
<!--<style></style>-->
</head>
<body>
<!-- content -->
<!--<script type="text/javascript"></script>-->
<div align="center">
<h2>金吉拉</h2>
<a href="#" target="_self">
<img src="images/cat4.jpg">
</a>
</div>
</body>
</html>
9.
新增專案> ASP.NET Web空白應用程式
專案 右鍵>加入>新增項目>Web form
拉入檔案至專案下面 > 右鍵設網頁為 起始頁
Web form.apsx 右鍵 > 檢視程式碼
problem9.html
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>IT 人職場技能大調查</title>
<style>
table{
border-collapse: collapse;
margin: 0px;
}
td {
padding: 0px;
}
img{
display: block;
}
th{
background-color:#F90;
}
h1{
text-align:center;
}
</style>
</head>
<body>
<article>
<h1>IT 人職場技能大調查</h1>
<p>景氣回春，大家還是得隨時保持競爭力，以提昇本身的價值，為將來升遷或轉職做準備。 以下的調查想要知道您目前的需求是什麼？</p>
<p>做完問卷，還可以預約免費體驗課程，幫助大家在現階段做出正確的進修抉擇：</p>
<form id="f1" action="WebForm1.aspx" method="post">
<table>
<tr><td>
<table border="0">
<tr><td><img src="images/head.gif"></td></tr>
<tr><td><img src="images/body.jpg"></td></tr>
</table>
</td>
<td>
<table>
<tr><th> 1. 請問您目前年齡 </th></tr>
<tr><td>
<select name="old" mutiple>
<option>15~22</option>
<option>23~33</option>
<option>34以上</option>
</select>
</td></tr>
<tr><th>2. 您目前有考取資訊類證照嗎?</th></tr>
<tr><td>
<input type="radio" name="have" value="have">有
<input type="radio" name="have" value="nott" checked>沒有
</td></tr>
<tr><th>3. 您會為了什麼需求而計劃學習進修?(可複選)</th></tr>
<tr><td>
<table border="0">
<tr>
<td><input type="checkbox" name="paper" value="on">考取證照</td>
<td><input type="checkbox" name="job" value="on">工作上需要</td>
<td><input type="checkbox" name="second" value="on">培養第二專長</td>
</tr>
<tr>
<td><input type="checkbox" name="interest" value="on">個人興趣</td>
<td><input type="checkbox" name="power" value="on">增加求職競爭力</td>
<td><input type="checkbox" name="input" value="on">兼差創業，增加收入</td>
</tr>
<tr>
<td><input type="checkbox" name="other" value="on">其他</td>
</tr>
</table>
</td></tr>
<tr><td><textarea name="others"cols="90" rows="3"></textarea></td></tr>
<tr><th>4. 如果本中心能提供您免費體驗課程，您會選擇…</th></tr>
<tr><td>
<table border="0">
<tr>
<td><input type="checkbox" name="art" value="on">美術設計類 (平面設計/ 網頁設計/ 數位漫畫)</td>
<td><input type="checkbox" name="program" value="on">程式設計類(Java/微軟/Embedded)</td>
</tr>
<tr>
<td><input type="checkbox" name="3d" value="on">3D動畫設計類 (遊戲動畫/ 人物動畫)</td>
<td><input type="checkbox" name="office" value="on">Office課程</td>
</tr>
<tr>
<td><input type="checkbox" name="cad" value="on">CAD繪圖類 (建築設計/ 產品設計)</td>
<td><input type="checkbox" name="internet" value="on">網管類 (微軟/ Cisco/ Linux)</td>
</tr>
<tr>
<td><input type="checkbox" name="none" value="on">目前沒有想要體驗課程，但可接收相關訊息</td>
</tr>
</table>
</td></tr>
<tr><th>5. 您的電子郵件信箱：</th></tr>
<tr><td><input type="email" id="e-mail" name="" size="80" required></td></tr>
<tr>
<td align="right">
<input type="submit" value="送出查詢">
<input type="reset">
</td>
</tr>
</table>
</tr></td>
</table>
</form>
</article>
</body>
</html>
WebForm1.aspx.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace WebApplication4
{
public partial class WebForm1 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
string[] keys = Request.Form.AllKeys;
Response.Write("<table border='0'>");
Response.Write("<tr><th>參數名稱</th><th>參數值</th></tr>");
for (int i = 0; i < keys.Length; i++)
{
Response.Write("<tr><td>" + keys[i] + "</td>");
Response.Write("<td>" + Request[keys[i]] + "</td></tr>");
}
Response.Write("</table>");
}
}
}
