每个标签的意思见注释信息:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<!-- 设置背景颜色 -->
<body
bgcolor="#ffffff">
<!-- 标题,最大h1 最小h6 -->
<h1 align="center">标题1</h1>
<!-- 新加入一个标签会自动空出一行,br本来就是表示空,不会在新增一行 -->
<h2 align="center">标题2</h2>
<!-- 下划线 -->
<hr/>
<!-- 段落,使用stytle来设置背景颜色,字体大小等. -->
<p align="center"
style="color: blue;background-color: red;font-size: 30px;">我是一个段落,我是一个段落</p>
<!-- 段落中间换行用br -->
<p>我是第二个段落,第一行完毕<br />现在是第二行 </p>
<!-- 文本格式化,如果p设置了style,下面的子标签也设置了,那么实际显示会和子标签设置的一样 -->
<p align="center" style="font-size: 30px; ">
<b
style="font-size: 10px;">文字加粗</b>
<br />
<strong>加粗字体</strong>
<br />
<em>斜体</em>
<br />
<small>小号字体</small>
<br />
表示上标:
<sup>上标文本</sup>
<br />
表示下标
<sub style="font-size: 10px;">下标文本</sub>
<br />
<!-- 带下划线的文本 -->
<ins>有下划线的文本</ins>
<br />
<!-- 中间带有横线的文本 -->
<del>我是中间带有横线表示无效的文字</del>
</p>
<!-- 链接 -->
<a href="http://www.baidu.com">一个链接</a>
<!-- 换行 -->
<br/>
<!-- 图片 -->
<img src="aa1.png" width="200" height="200">
</body>
</html>
实际效果见于图: