console
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>书虫</title>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>
<body>
<div>
<a href="http://www.w3school.com.cn" style="background-color: white">红楼梦</a>
</div>
<img src="https://tse4-mm.cn.bing.net/th/id/OIP-C.DKYw8AmkHxFeDEJd5KwYAgHaIg?w=159&h=183&c=7&r=0&o=5&dpr=1.65&pid=1.7" alt="Firefox 标志:一只盘旋在地球上的火狐">
<h2 style="background-color: red">This is a heading</h2>
<table border="1">
<tr>
<th>Heading</th>
<th>Another Heading</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
<ol>
<li>红楼梦</li>
<li>活着</li>
<li>百年孤独</li>
</ol>
<form>
账号:<br />
<input type="text" name="账号" />
<br />
密码:<br />
<input type="text" name="密码" />
<br />
</form>
<p>请选择喜欢的书籍类型:</p>
<form>
<input type="checkbox" name="book1" value="文学" />文学
<br />
<input type="checkbox" name="book2" value="小说" />小说
<br />
<input type="checkbox" name="book3" value="历史" />历史
<br />
<input type="checkbox" name="book4" value="纪实" />纪实
<br />
</form>
<button type="button" onclick="alert('欢迎加入书虫!')">登录</button>
<form action="/action_page.php">
<label for="fname">First name:</label><br />
<input type="text" id="fname" name="fname" value="Bill" /><br />
<label for="lname">Last name:</label><br />
<input type="text" id="lname" name="lname" value="Gates" /><br /><br />
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
<button type="button" onclick="alert('Hello World!')">Click Me!</button>
<input type="submit" value="Submit" />
</form>
<form action="action_page.php">
<input list="browsers" />
<datalist id="browsers">
<option value="Internet Explorer"></option>
<option value="Firefox"></option>
<option value="Chrome"></option>
<option value="Opera"></option>
<option value="Safari"></option>
</datalist>
</form>
<div id="container" style="width: 500px">
<div id="header" style="background-color: lightblue">
<h1 style="margin-bottom: 0">主要的网页标题</h1>
</div>
<div
id="menu"
style="
background-color: lightblue;
height: 300px;
width: 100px;
float: left;
"
>
音频<br />
视频<br />
表单<br />
</div>
<div
id="content"
style="
background-color: write;
height: 300px;
width: 400px;
float: left;
"
>
<h3>Internet Explorer 9</h3>
<p>
Windows Internet Explorer 9(缩写为 IE9 )在2011年3月14日21:00 发布。
</p>
<form>
姓名:<input type="text" name="姓名" /><br />
密码:<input type="password" name="密码" />
</form>
<p>我们在每天早上 <time>9:00</time> 开始营业。</p>
生日 (日期和时间): <input type="datetime" name="bdaytime" />
<input type="submit" />
<input type="range" name="points" min="1" max="10" /><input
type="submit"
/><br />
Search Google: <input type="search" name="googlesearch" /><input
type="submit"
/><br />
</div>
<div
id="footer"
style="background-color: lightblue; clear: both; text-align: center"
>
版权 © runoob.com
</div>
</div>
<div>
<audio controls>
<source src="http://www.runoob.com/try/demo_source/horse.ogg" type="audio/ogg">
<scource src="http://www.runoob.com/try/demo_source/horse.ogg" type="audio/mpeg">
</audio>
<br/>
<video width="250" height="240" controls>
<source src="http://www.runoob.com/try/demo_source/movie.mp4" type="video/mp4">
<source src="http://www.runoob.com/try/demo_source/movie.mp4" type="video/ogg">
</video>
</div>
</body>
</html>