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

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标签我就不一一介绍了,在推荐的教程中写的非常的仔细易懂。我说一下重要的标签。

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。