---
# System prepended metadata

title: 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>