<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>this is my first Html</title>
</head>
<body>
这是index页面！！！！
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>this is my first Html</title>
</head>
<body>
这是一个news页面！！！！
<h1>1级标题</h1>
<h2>2级标题</h2>
<h3>3级标题</h3>
<ul>
<li>洗衣服</li>
<li>看电视</li>
</ul>
<ol>
<li>洗衣服</li>
<li>看电视</li>
</ol>
<!-- src图片的地址(网络地址)-->
<img src="" />
<!--块-->
<div>第1个块</div>
<div>第2个块</div>
<a href="www.baidu.com" target="_blank">打开百度页面</a>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>表单</title>
</head>
<body>
<form method="POST">
<div>
<label>用户id：</label>
<input type="text" />
</div>
<div>
<label>用户名：</label>
<input type ="password" />
</div>
<div>
<input type ="submit" value="登录" />
</div>
<div>
<label>性别</label>
<input type="radio" name="sex" checked="checked" value="1"/><label>男</label>
<input type="radio" name="sex" value="0"/><label>女</label>
</div>
<div>
<label>爱好</label>
<input type="checkbox" name="hobby" value="basketball"/><label>篮球</label>
<input type="checkbox" name="hobby" value="football"/><label>足球</label>
<input type="checkbox" name="hobby" value="pingpang"/><label>乒乓球</label>
</div>
<div>
<label>省份:</label>
<select name="provice">
<option value="shanxi">陕西</option>
<option value="beijing" selected="selected">北京</option>
<option value="sichuan">四川</option>
</select>
</div>
</form>
</body>
</html>
原文：https://www.cnblogs.com/wuchangblog/p/14923083.html