<!DOCTYPE html>
<html lang="en">
<head>
<style type="text/css">
HTML样式文件来渲染HTML文档
</style>
<meta charset="UTF-8">
<meta http-equiv="refresh" content="30;url=http://www.baidu.com">
<meta name="keywords" content="陈凯,nod,luna">
<br>
<title>测试网页</title><!-- 打印文本标题-->
<base href="http://www.163.com" target="_blank"><!--定义默认链接的位置-->
</head>
<body style="background-color:yellow">
测试区域文本判定颜色是否为body指定的颜色
<a href="http://cnblogs.com/nodchen">nodchen 这是一个链接</a>
<br>
<!--target="_blank" 属性的作用是在新窗口打开，默认是在原窗口打开-->
<a href="http://www.sina.com.cn" target="_blank">新浪网的链接</a>
<br>
<a href="#">创建一个空链接</a>
<!--
本身为空链接，但是下部指定默认链接的位置，因而链接位置为
base标签指定的内容
-->
<h1 color="red">这是我的第一个标题</h1>
<h2>这是我的第二个标题</h2>
<h3>这是我的第三个标题</h3>
<p>此处进行换行动作</p>
<br><!--br表示用于定义换行-->
<h4>这是我的第四个标题</h4>
<h5>这是我的第五个标题</h5>
<h6>这是我的第六个标题</h6>
<img src="C:UsersAdministratorDesktop1.png" width="500" height="300">
<!--此处如果出错的话建议在浏览器打开，pycharm
可能会出错-->
<p style="background-color:red">格式化输出</p>
<p>加粗文本：<b>这是第一个段落</b></p>
<hr><!--这是1个分割线的作用-->
<p style="background-color:green">斜体文本：<i>这是第二个段落</i></p>
<hr><!--这是1个分割线的作用-->
<p style="background-color:orange">这是上标：<sup>这是第三个段落</sup></p>
<hr><!--这是1个分割线的作用-->
<p style="background-color:purple">这是下标：<sub>这是第四个</sub>
<br>段落<br>
</p> <!--演示了分行效果但还是同一段落-->
</body>
</html>