码迷,mamicode.com
首页 > Web开发 > 详细

WEB前端开发学习----1.HTML基础

时间:2014-12-21 23:33:01      阅读:222      评论:0      收藏:0      [点我收藏+]

标签:

1.HelloWorld!

 首先说一下html的基本格式,是必须要有的。  

 

[html] view plaincopy
 
  1. <html>  
  2. <head>  
  3. </head>  
  4. <body>  
  5.       
  6. </body>  
  7. </html></span>  

 

  不用多说,按照惯例,我们来制作第一个HTML文档。非常简单,打开文本编辑器,录入以下代码,保存为HelloWorld.html即可。

 

[html] view plaincopy
 
  1. <html>  
  2. <head>  
  3. </title>  
  4. </head>  
  5. <body>  
  6.     HelloWorld!  
  7. </body>  
  8. </html></span>  


   然后用你的浏览器打开它,就可以在屏幕上看到又爱又恨的HelloWorld!了。技术分享

 

 

2.Html的基本标签

 1.<h1>这是标题1</h1>  

     标题标签,用来定义文档中的标题,从h1~h6字号越来越小,而且会进行自动换行。比如下面这段代码:    

 

[html] view plaincopy
 
  1. <span style="font-size:14px;"><h1>这是正标题</h1>  
  2. <h2>这是副标题</h2>  
  3. <h3>这是小标题</h3></span>  

     可以将这段代码加在基本格式的<body>标签之后。用浏览器打开,可以看到效果

 

 2.<p>这是段落</p>

    段落标签,用来定义文档中的段落,会进行换行。

 3.<a href="http://www.baidu.com">跳转到百度</a>

    超级链接标记,用来定义超级链接。

    href称为html的属性,引号内则为属性的值

 4.<img src="路径" />

    图像标签,用来在文档中插入图片。路径常使用相对路径,也可以是网络图片的网址。

     src称为html的属性,引号内则为属性的值

 5.<br />

    换行标签,可以在文档中进行换行。

    基本语法:

    <开始标签 属性="属性值">内容</结束标签>

  不难发现,标签分为单标签和双标签两种。

双标签:<h1></h1> 有开始标签和结束标签。一定要记得加上结束标签,以防出错。

单标签:如<br />没有关闭标签。但记得要正确的关闭,也就是加上“/”。

    Html对大小写不明感,但是推荐使用小写。

   属性值一定要放在引号中,一般使用双引号,但如果属性值本来就有双引号,则使用单引号。

    其他简单的html标签我就不一一介绍了,在推荐的教程中写的非常的仔细易懂。我说一下重要的标签。

WEB前端开发学习----1.HTML基础

标签:

原文地址:http://www.cnblogs.com/cdh-fw/p/4177159.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!