直接上代码:
<!DOCTYPE html><html><body bgcolor="green"><h1 align="center">HTML DEMO</h1><h2>我的第一个标题</h2><h2>我的第二个标题</h2><p>我的第一个段落</p><!-- hr可产生一条水平线 --><hr /><p>我的第二个段落</p><hr /><p>我的第三个段落。这个段落有点长，因此我要换行。<br />第一行告诉你，今天天气不错。<br />第二行告诉你，你不错。<br />第三行告诉你，我不错。</p><a href="http://www.baidu.com">跳转到百度</a><img src="https://farm4.staticflickr.com/3155/2805435936_e563395d7d.jpg" width="150" height="150" /></body></html>
有个地方值得注意: <img /> 、<br /> 、<hr />
没有内容的HTML元素被称为空元素，空元素是在开始标签中被关闭的。
效果图:
上述关于body背景颜色、h1对齐方式的设置方法已经过时，应该通过style进行设置。
<body style="background-color: yellow"><h1 style="text-align: center">HTML DEMO</h1><h2>我的第一个标题</h2><h2 style="font-family: verdana;color: green;font-size: 20px">我的第二个标题</h2>
前端之HTML1
原文地址：http://www.cnblogs.com/gattaca/p/7434629.html