html入门,第一个html网页!

原创 PHP笔记  2017-03-07 10:18  阅读 801 views 次

这里就不全部代码都讲了,如果不懂,后续会详细讲。今天的目的是入门,就介绍几个常用的html标签,了解了这几个标签,你就能建一个简单的网页了。

  1. <title>标签:定义网页标题,在浏览器标签中显示,不在网页中显示;
  2. <h1...6>标签:一般用于文章标题;
  3. <p>标签:一般用于文章段落;
  4. <a>标签:用于连接另一个网页;
  5. <br>标签:单标签,用于换行;(格式:<br/>)
  6. <img>标签:单标签,在网页中引入图片;(格式:<img src="图片地址" 属性="属性值" />)
  7. &nbsp;:插入空格。

实例1:

<!doctype html>
<html lang="en">
 <head>
 <meta charset="UTF-8">
 <title>我是网页标题-PHP笔记</title><!--网页标题-->
 </head>
 <body>
<h1>我是文章标题</h1><!--文章标题-->
<h2>我是文章标题</h2>
<p>我是一个段落</p><!--<p>文章段落-->
<p>我是一个段落</p>
<a href="https://www.ggbiji.com">我是一个链接</a><!--超链接-->
<br/><!--换行-->
<img src="https://www.ggbiji.com/wp-content/themes/Nana/images/abc/phpbij.jpg" width="300" height="200"/><!--引入图片-->
 </body>
</html>

运行结果: 实例2:

<!doctype html>
<html lang="en">
 <head>
 <meta charset="UTF-8">
 <title>静夜思-PHP笔记</title>
 </head>
 <body>
<h3>&nbsp;&nbsp;&nbsp;静夜思</h3>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;李白</p>
<p>床前明月光,疑是地上霜。<br/>
举头望明月,低头思故乡。</p>
<img src="http://f1.diyitui.com/38/da/a4/15/c8/5d/52/8d/d3/f7/37/e8/7d/01/3a/89.jpg" width="200" height="200"/>
 </body>
</html>

运行结果:

通过上面标签的介绍和实例演示,相信你也能建一个简单的网页了。快动手熟练一下吧,对接下来的学习很有帮助哟!

本文地址:https://www.ggbiji.com/html-introduction.html
版权声明:本文为 PHP笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情