# 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高。