---
# System prepended metadata

title: 文字

---

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		li{
			list-style-type: square;
		}
		#banner{
			width: 100%;
			height:200px;
			background: red;
		}
		#menu{
			width: 100%;
			height: 80px;
			background: yellow;
		}
		#content{
			width: 100%;
			height: 500px;
			background: blue;
			color: white
		}
	</style>
</head>
<body>
	<div id="banner"><h1>文字</h1>
		<p>原始文字是人類用來紀錄特定事物、簡化圖像而成的書寫符號。文字在發展早期都是圖畫形式的，有些是以形表意，有些是以形表音，其中有表意文字（象形文字，即以形表意的文字），</p>
</div>
	<div id="menu"><h3> 
			Class 與 ID的差異
		ID是唯一的代號不可重複
		Class是可重複的代號可以重複
		</h3></div>
	<div id="content">
			<form method="POST" action="傳值位置">
			Name:<input type="text" name="name"><br>
			Phone:<input type="text" name="Phone"><br>
			Gender:
			<input type="radio" name="gender" value="male" checked> Male
			<input type="radio" name="gender" value="Female" checked> Female
			<input type="radio" name="gender" value="Other" checked> 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="usr_time"><br>
			First name:<input type="text" name="firstname" value="John" disabled><br>
			<input type="submit" value="Submit">
		</form>
	</div>
</body>
</html>