HTML基础2-链接,图像, 段落,对齐
HTML基础2----链接,图像, 段落,对齐
<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>
在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>