首页 > 代码库 > WEB前端开发学习----1.HTML基础

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

2024-08-09 05:32:25   222人阅读

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="http://www.mamicode.com/路径" />

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

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

 5.<br />

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

    基本语法：

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

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

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

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

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

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

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

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


联系
我们