HTML基础2-链接,图像, 段落,对齐

HTML基础2----链接,图像, 段落,对齐

在web开发中,排版,布局很重要,因此我们要把基础的东西打牢固,大家不要 慌,慢慢来。直接把代码拿过去,直接就可以运行的。

1.标题

2.段落

3.HTML 标题(Heading)是通过 h1-h6 等标签进行定义的

4.段落定义

5.链接定义

6.加载图像


<html>

<meta http-equiv="content-type" content="text/html" charset="utf-8">


<head>
<h1>一)h1与 /h1之间的文本被显示为标题</h1>
                                       <!--h1和/h1之间的文本被显示为标题-->
<h1>二)p与 /p之间的文本被显示为段落</h1>
<!--p与/p之间的文本被显示为段落-->

</head>
<body>

<h1> 三)HTML 标题(Heading)是通过 h1-h6 等标签进行定义的。</h1>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

<h1>四)HTML 段落是通过p进行定义的。</h1>
<p>这是一个段落 </p> 
<p>这是一个段落 </p>
<p>这是一个段落 </p>

<h1>五)链接是通过a定义的</h1>

<a href = "http://blog.****.net/yinqiangqiang">欢迎访问yin的个人博客 </a>

<h1 align="bottom">六)HTML 图像是通过 <img> 标签进行定义的。/h1>
<img src="321.jpg" width="400" height="400"/>
</body>

</html>


<h1>七)弹窗是通过a href来定义的</h1>
<a href="http://blog.****.net/yinqiangqiang"  onclick="alert('本网站已经关闭,进入不了!')"> http://blog.****.net/yinqiangqiang</a>