# 10556041 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <style> #banner{ width: 100%; height:200px; background: orange; } #menu{ width: 100%; height:200px; background: gray; } #content{ width: 100%; height:300px; background: pink; } .box{ float: left; width: 100px; height:100px; background: white; margin: 5px; } </style> </head> <body> <div id = "banner"> <h3>Class跟ID的差異</h3> <p> ID只能使用一次而Class能使用多次 </p> </div> <div id = "menu">Menu <div class = "box">1</div> <div class = "box">2</div> <div class = "box">3</div> <div class = "box">4</div> </div> <div id = "content">Content <form method = "POST" action="傳值位置"> Name: <input type="text" name="name"><br> Phone: <input type="tel" name="Phone"><br> Gender: <input type="radio" name="gender" value="male" checked=""> Male <input type="radio" name="gender" value="female"> Female <input type="radio" name="gender" value="other"> Other <br> Car: <select name = "cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="fiat">Fiat</option> <option value="audi">Audi</option> </select><br> Quantity: <input type="number" name="quantity" min="0" max="100" step="10" value="30"><br> Select a time: <input type="time" name="user_time"><br> First name:<input type="text" name="firstname" value="John" disabled><br> <input type="submit" name="Submit"> </form><br> </div> <ui> <li>星期一</li> <li>星期二</li> <li>星期三</li> <li>星期四</li> <li>星期五</li> <li><a href = "https://www.youtube.com/" targe = "_blank">Youtube</a></li> </ui> </body> </html>