console
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>测试页面</title>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>
<body>
<div>
<h1>我的第一个标题</h1>
<h2>我的第一个标题</h2>
<h6>我的第一个标题 </h6>
</div>
<p>
我的第一个 <br />
段落。
</p>
<div>
<a href="http://www.w3school.com.cn">This is a link</a>
</div>
<img src="https://cdn.jsdelivr.net/gh/wenjingyuer/image_store@master/images/20210926094710.png" alt="Firefox 标志：一只盘旋在地球上的火狐">
<h2 style="background-color: red">This is a heading</h2>
<p style="background-color: green">This is a paragraph.</p>
<p>以下内容引用自 WWF 的网站：</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
五十年来，WWF 一直致力于保护自然界的未来。 世界领先的环保组织，WWF 工作于
100 个国家， 并得到美国一百二十万会员及全球近五百万会员的支持。
</blockquote>
<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>
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
<blockquote cite="https://www.w3school.com.cn/html/html_blocks.asp">
HTML 块元素 大多数 HTML 元素被定义为块级元素或内联元素。
编者注：“块级元素”译为 block level element，“内联元素”译为 inline
element。 块级元素在浏览器显示时，通常会以新行来开始（和结束）。
<p>例子：<h1>, <p>, <ul>, <table></p>
HTML 内联元素 内联元素在显示时通常不会以新行开始。
<p>例子：<b>, <td>, <a>, <img></p>
</blockquote>
<iframe
src="//player.bilibili.com/player.html?aid=841218122&bvid=BV1W54y1z712&cid=208921323&page=1"
scrolling="no"
border="0"
frameborder="no"
framespacing="0"
allowfullscreen="true"
>
</iframe>
<iframe src="//player.bilibili.com/player.html?aid=208358805&bvid=BV1Hh411H7a1&cid=415983308&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
<form>
First name:<br />
<input type="text" name="firstname" />
<br />
Last name:<br />
<input type="text" name="lastname" />
</form>
<form>
<input type="radio" name="sex" value="male" checked />Male
<br />
<input type="radio" name="sex" value="female" />Female
</form>
<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>
<form action="">
First name:<br />
<input type="text" name="firstname" value="John" />
<br />
Last name:<br />
<input type="text" name="lastname" />
</form>
<form action="">
First name:<br />
<input type="text" name="firstname" value="John" readonly />
<br />
Last name:<br />
<input type="text" name="lastname" />
</form>
<form action="">
First name:<br />
<input type="text" name="firstname" value="John" disabled />
<br />
Last name:<br />
<input type="text" name="lastname" />
</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>