您的位置：首页 > Web前端 > HTML5

html5学习笔记（2）

2015-06-29 18:01 681 查看
HTML基础详解

1.声明：<!DOCTYPE>

Html 有许多不同的版本，只有完全声明使用的确切HTML版本，浏览器才能完全正确的显示出Html页面，这就是<!DOCTYPE>的用处。

  HTML5：

   <!DOCTYPE html>

  HTML 4.01:

   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 

  "http://www.w3.org/TR/html4/loose.dtd">

  XHTML 1.0:

   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

  http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">   只是一个声明，并不是一个标签

<pre name="code" class="html"><pre name="code" class="html"><!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>
</body>
</html>




 <head></head>标签主要是定义头部的信息，编码格式如"UTF-8"，标题<title>,文字的显示形式 "en"英文显示

"zh"中文显示

<body></body>之间为页面主要内容
标题标签分为<h1></h1>......<h6></h6>

效果如图



从1到6越来越小

段落标签

<p>Hello world</p>

hello

效果如图



经过<p>标签定义之后的文本是另起一行显示的，如果不经过p标签定义则只会在hello world后直接显示hello ，p标签起的是段落的效果

<a href ="http://www.baidu.com"></a> 标签起到的是超链接的作用

效果如图



<img></img>标签标示引入一个图片

效果如图：



最终代码<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>
<p >hello world</p>
hello
<a href="http://www.baidu.com">链接到百度</a>
<img src ="images/u1.jpg">
</body>
</html>
                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航