直接上代码:
<!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>