---
# System prepended metadata

title: ABOUT US

---

<!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: green;
		}
		#menu{
			width: 100%;
			height: 200px;
			background: blue;
		}
		#content{
			width: 100%;
			height: 200px;
			background: black;
			color: white;
		}
		.box{
			width: 500px;
			height: 200px;
		}
	</style>
</head>
<body>
	<div id="banner">
		<h1>ABOUT US</h1>
		<p>For all the times that you rain on my parade
And all the clubs you get in using my name
You think you broke my heart, oh girl for goodness sake
You think I'm crying, on my own well I ain't</p>
		<h1>TEAM</h1>
			<p>And I didn't wanna write a song 'cause I didn't want anyone thinking I still care
	I don't but, you still hit my phone up
	And baby I be movin' on and I think you should be somethin'
	I don't wanna hold back, maybe you should know that
	My mama don't like you and she likes everyone
	And I never like to admit that I was wrong
	And I've been so caught up in my job, didn't see what's going on
	But now I know, I'm better sleeping on my own</p>
		<h1>PRODUCT</h1>
			<p>'Cause if you like the way you look that much
	Oh baby you should go and love yourself
	And if you think that I'm still holdin' on to somethin'
	You should go and love yourself</p><br><br>
	</div>
	<div id="menu">
		<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">Male
		<input type="radio" name="gender" value="female">Female
		<input type="radio" name="gender" value="other">Other<br>
		Car: 
		<select name="cars">
			<option value="a1">A1</option>
			<option value="a2">A2</option>
			<option value="a3">A3</option>
			<option value="a4">A4</option>
		</select><br>
		Quantity: 
		<input type="numder" name="quantity" min="0" max="100" step="10" value="30"><br>
 		Select a time: 
		<input type="time" name="usr_time"><br>
		First name: 
		<input type="text" name="firstname" value="Melody" disabled><br>
		<input type="submit" value="Submit"><br><br>
		</form>
	</div>
	<div id="content">
		<a href="http://google.com.tw" target="_blank">google</a>
		<span><a href="http://google.com.tw" target="_blank"></a></span>
		<div id="box">1</div>
		<div id="box">2</div>
		<div id="box">3</div>
		<div id="box">4</div>
	</div>
	<h3>class與id有何差異?</h3>
	<p>
		1.在HTML中ID只能被使用一次，而CLASS可被重複使用<br>
		2.javascript中ID可以被使用，CLASS則不行。<br>
	</p>
</body>
</html>