前端之HTML1

直接上代码:

<!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>

 

posted @ 2017-08-26 10:04  Sawyer Ford  阅读(139)  评论(0编辑  收藏  举报