---
# System prepended metadata

title: B10731017曾楷崴 網頁設計

---

# B10731017曾楷崴 網頁設計
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="description" content="天氣預報">
	<meta name="keyword" content="天氣，預報">
	<meta property="og:title" content="天氣查詢">
	<meta property="og:description" content="能隨時查詢當地的天氣">
	<title>Document</title>
<style>
	html,body,h1,h2,h3{
		margin: 0;
		padding: 0;
	}
		h1{
			color:blue;
			font-family: 微軟正黑體;
			background: #ffcccc;
			text-align: center;
			font-size: 100pt;
		}
	
		#banner{
			background: yellow;
			height: 35px;
			text-align: right;
			font-family: 微軟正黑體;
			color:red;
			font-size: 20pt;
		}
	

		#meum{
			border-style: ridge;
			height: 35px;
		}


		.font{
			color:darkblue;
		}

		.background{
			background:lightblue;
			background-origin: left;
			font-family: 

		}

		.fontsize{
			font-size: 60pt;
		}

		.fontfamily{
			font-family: 微軟正黑體;
		}
</style>		
</head>

<body>
	<div id ="banner">
    中華民國108年11月20號
	</div>
	<div class="fontfamily">
		<marquee width=100%  direction=right align=middle font-size=100pt >歡迎使用!</marquee>
	</div>
	

	<h1>天氣預報</h1>
	<h2 class="font fontsize fontfamily">本周天氣</h2>
    
    <p><li class="font">查詢天氣:</li></p>
    
	<select>
       <option value="氣溫">氣溫</option>
       <option value="降雨機率">降雨機率</option>
       <option value="紫外線">紫外線</option>
       <option value="空氣品質">空氣品質</option>
    </select>

    <select>
       <option value="A">台北</option>
       <option value="B">台中</option>
       <option value="C">高雄</option>
    </select>

	<form action="Day">

 	 <label for="星期一">星期一</label>
 	 	<input type="radio" name="day" id="Mon" value="Mon">
	
	 <label for="星期二">星期二</label>
	  	<input type="radio" name="day" id="Tue" value="Tue">
 	 
 	 <label for="星期三">星期三</label>
 	 	<input type="radio" name="day" id="Wed" value="Wed">

 	 <label for="星期四">星期四</label>
 	 	<input type="radio" name="day" id="Thu" value="Thu">
  	    
     <label for="星期五">星期五</label>
 	 	<input type="radio" name="day" id="Fri" value="Fri">

 	 <label for="星期六">星期六</label>
 	 	<input type="radio" name="day" id="Sat" value="Sat">

 	 <label for="星期天">星期天</label>
 	 	<input type="radio" name="day" id="Sun" value="Sun">	

  	    <input type="submit" value="Submit">
	</form><br><br><br>




   
	<h3>
    <div class="font background fontfamily">
 	 <form action="page_advice">
		網頁建議或問題: <input type="text" name="advice" ><br>
	    姓名: <input type="text" name="name"><br>
	    電話: <input type="text" name="phone"><br>
 	  <input type="submit" value="Submit">
 	 </form>
    </div>
 	</h3> 


	
           


</body>
</html>


問題1
答:id中的指令只能有為一一個，class中的指令能有多個。

問題2
答:post的隱私和安全度比get高。
