FULL CAPABILITY

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> li{ list-style-type: square; } #banner{ width: 100%; height: 500px; background: yellow; } #menu{ width: 100%; height: 80px; background: red; } #content{ width: 100%; height: 1000px; background: blue; } .box{ width: 100%; height: 200px; background: white; margin: 5px; float: left; } </style> </head> <body> <div id="banner"><h2>AWD</h2> <h1>FULL CAPABILITY</h1> <p>Available electric all-wheel drive delivers exceptional handling and capability. Front and rear motors distribute power to individual wheels, so it can help you take on snowy roads.</p> <h2>SPACE</h2> <h1>THE LUXURY OF SPACE</h1> <p>Exhilaration is better when it’s shared. An impressively spacious interior with plenty of legroom means everyone will love the ride.</p> <h2>STORAGE</h2> <h1>FRONT-LOAD FREEDOM</h1> <p>A convenient front trunk levels up your adventure game. Not only is this added 4.8 cu. ft. of storage space water-resistant, it’s washable and features a convenient drain, making it perfect for tailgating, camping and muddy gear-toting.</p></div> <div id="menu">Menu class和id的差異? 這兩者最大的不同，是在於 ID 選擇器在一個 HTML 文件中只能被使用一次，而 Class 選擇器在一個 HTML 文件中可以被使用多次。 </div> <div id="content">Content <p>Name</p><input type="text" name="name"><br> <p>cellphone number</p><input type="tel" name="Phone"><br> <p>gender</p><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><p>Which car you own?</p> <select name="cars"> <option value="volvo">Volvo</option> <option value="saab">saab</option> <option value="fiat">fiat</option> <option value="Audi">Audi</option> </select> <p>How old are you?</p> <input type="number" name="quantity" min="0" max="100" step="10" value="30"><br> <p>What date did you buy the car?</p> <input type="time" name="usr_time"><br> <p>firstname</p> <input type="text" name="firstname" value="John" enable><br> <p></p> <input type="submit" name="submit"> <a href="https://www.volvocars.com/tw">Volvo</a> </div> </form> </body> </html>