<p>无序列表</p>
<ul>
<li>内容1</li>
<li>内容2</li>
...................
</ul>
<span>跨字符强调内容</span>
<label>纯文本</label>
<input type="text"/>输入文本框
<input type="password"/>密码框
<input type="button value="按钮名字"/>设置按钮
<body style="background-image:url(图片路径(都是相对路径不是绝对路径));">设置网页背景
<br/>换行
<html>
<meta charset="utf-8"/><!--charset字符设置--><!--头-->
<head>
<title>我是标题</title><!--标题-->
</head>
<!--身体-->
<body>
<h1 id="firsttitle" style="color:blue;">我是最大的标题</h1>
<h2>我是第二大的标题</h2>
<h3>老三</h3>
<h4>老四</h4>
<h5>老五</h5>
<h6>老六</h6>
<p>段落测试1</p>
<p style="color:red;">段落测试2</p>
<p id="people">摘抄人民日报</p>
<blockquote>恭喜中国队,恭喜中国队,恭喜中国队,恭喜中国队,恭喜中国队,恭喜中国队,恭喜中国队,恭喜中国队,恭喜中国队,恭喜中国队,恭喜中国队,恭喜中国队,恭喜中国队,恭喜中国队,恭喜中国队,恭喜中国队,恭喜中国队,恭喜中国队,恭喜中国队,恭喜中国队,恭喜中国队,恭喜中国队,恭喜中国队</blockquote>
<p style="font-weight:bold;font-size:300%">游戏:</p>
<ul>
<li id="swxf">守望先锋</li>
<li>魔兽世界</li>
<li>英雄联盟</li>
<li>剑网3</li>
</ul>
<p>郑欣宜最喜欢的游戏排名:</p>
<!--有序列表-->
<ol>
<li>守望先锋</li>
<li>魔兽世界</li>
<li>英雄联盟</li>
<li>剑网3</li>
</ol>
<dl>
<dt>自定义列表</dt>
<dd>内容</dd>
<dd>内容</dd>
<dd>内容</dd>
<dd>内容</dd>
<!--与编排-->
<pre>
1.1
+ 2.2
---------------------
3.3
</pre>
</dl>
<p id="kola">这是一只漂亮的考拉</p>
<!--图片-->
<img src="image\Koala.jpg" alt="横幅丢了"/>
<p>沙漠图片</p>
<img src="image\Desert.jpg"/>
<p>这是企鹅</p>
<img src="image\Penguins.jpg"/>
<p>这是八仙花</p>
<img src="image\Hydrangeas.jpg"/>
<p>这是菊花</p>
<img src="image\Chrysanthemum.jpg"/>
<!--超链接-->
<p>超连接</p>
<a href="http://www.baidu.com">我是百度超链接</a>
<p>这段话用来测试,<span style="font-size:300%">变大</span>,<span style="font-weight:bold">变粗</span>,<span style="color:red">变红</span></p>
<!--跳转-->
<p><a href="#firsttitle">跳转到第一行</a></p>
<p><a href="#people">跳转到人民日报</a></p>
<p><a href="#swxf">跳转到守望先锋</a></p>
<p><a href="https://www.nuomi.com/?cid=002540">跳转到百度糯米网</a></p>
<p><a href="#kola">跳转到考拉图片</a></p>
<label>用户名:</label>
<input type="text"/>
<label>密码:</label>
<input type="password"/>
<input type="button" value="按钮"/>
</body>
</html>