建议复制到编辑器上看
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>测试</title>
</head>
<body>
<span>浮世万千,吾爱有三</span>
<!--<span>浮世万千,吾爱有三</span>用来定义一段文字 -->
<b>山一程,水一程,身向榆关那畔行。</b><br />
<strong>风一更,雪一更,聒碎乡心梦不成。</strong><br />
<!--<b>山一程,水一程,身向榆关那畔行。</b> 加粗
<br /> 换行
<strong>风一更,雪一更,聒碎乡心梦不成。</strong> 加粗
<br />-->
<i>谁念西风独自凉,萧萧黄叶闭疏窗</i><br />
<!--<i>谁念西风独自凉,萧萧黄叶闭疏窗</i> 斜体
<br />-->
<em>人生若只如初见,何事秋风悲画扇</em><br />
<!--<em>人生若只如初见,何事秋风悲画扇</em> 斜体
<br />-->
<mark>等闲变却故人心,却道故人心易变</mark><br />
<!--<mark>等闲变却故人心,却道故人心易变</mark>黄色背景(提醒的作用)
<br />-->
<del>一生一代一双人,争教两处销魂。</del><br />
<!--<del>一生一代一双人,争教两处销魂。</del> 横线删除
<br />-->
5<sup>3</sup> a<sub>2</sub>
<!--5<sup>3</sup>上标
a<sub>2</sub>下标
-->
<br />
<img style="width:300px;height:100px;" src="img/1.JPEG" alt="图片1"title="图片" />
<!--<img 图片标签
style 格式
="width: 300px;宽度
height:100px;" 高度
src="img/bd_logo.png" 图片路径
title="图片" 鼠标悬浮时的提示文字
alt="图片一"图片找不到时的提示文字
/>-->
<a href="#" target="_blank" style="background: #00BFFF;color: red;text-decoration: underline;"></a>
<!--<a 超链接标签
href="#" 网页打开路径
target="_blank" 打开方式(默认从当前页面打开)
style="background: #00BFFF;背景
color:red; 颜色
text-decoration: none;去掉下划线
text-decoration: underline;添加下划线
"></a>-->
<hr />
<!--<hr />横线 -->
</body>
</html>