<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>今天学布局</title>
</head>
<body>
<div id="container" style="width: 500px">
<div id="header" style="background-color: blueviolet">
<h1 style="margin-bottom: 0;">主要网页标题</h1></div>
<div id="menu" style="background-color: cornsilk;height: 200px;width: 100px;float: left;">
<b>菜单</b><br>
html <br>
css <br>
javascript
</div>
<div id="contert" style="background-color: darkgoldenrod;height: 200px;width: 400px;float: left;">正文内容</div>
<div id="footer" style="background-color: grey;clear: both;text-align: center;">版权</div>
</div>
</body>
<br>
<br><br><br>
<table width=“500” border="0">
<tr>
<td colspan="2" style="background-color: khaki">
<h1>主要的网页标题</h1>
</td>
</tr>
<tr>
<td style="background-color:#ffd700;width: 100px;vertical-align: top;">
<b>菜单</b><br>
html <br>
css <br>
javascript
</td>
<td style="background-color: chartreuse; height: 200px;width: 400px;vertical-align: top"></td>
</tr>
<tr>
<td colspan="2" style="background-color: cyan;text-align: center;">
版权@runoob.com</td>
</tr>
</table>
<br><br><br>
<div>
<form action="">
first name: <input type="text" name="firstname"><br><br>
last name: <input type="text" name="lastname">
</form>
<p><b>注意</b>表单本身是不可见的。并且注意一个文本段的默认宽度是20个字符。</p>
</div>
<br>
<form action="">
<input type="radio"name="sex" value="male">male <br>
<input type="radio"name="sex" value="female">female
</form>
<br>
<form action="">
<input type="checkbox" name="vehicle" value="bike">i have a bike <br>
<input type="checkbox" name="vehicle" value="car">i have a car
</form>
<br>
<form action="">
<select name="cars">
<option value="volvo">volvo</option>
<option value="saab">saab</option>
<option value="fiat">fiat</option>
<option value="audi">audi</option>
</select>
</form>
<br>
<body>
<textarea name="" id="" cols="30" rows="10">我是一个文本框</textarea>
<form action="">
<input type="button" value="提交">
</form>
<form action="">
<input type="button" value="hello world!">
</form>
<form action="">
<fieldset>
<legend>personal information</legend>
name: <input type="text" size="30"><br>
e-mail: <input type="text" size="30"><br>
date of birth: <input type="text" size="10">
</fieldset>
</form>
<br><br><br>
<form action="demo-form.php">
first name: <input type="text" name="firstname" value="maicky"> <br>
last name: <input type="text" name="lastname" value="mouse"><br>
<input type="submit" value="提交">
<p>点击"提交"按钮,表单数据将被发送到服务器上的“demo-form.php”。</p>
</form>
</body>
</html>