HTML5简介

HTML5

1>网页的5.0版本
2>2014年制定完成标准，历时8年

HTML5好处

1>跨平台：运行在所有拥有浏览器的平台
2>运行平台：浏览器
3>H5不能完成一些特定功能（拍照、访问相册。。。）

如何使用HTML5

1>自己编写大量的HTML5代码
2>使用现成的HTML5框架：
sencha-touch
phoneGap
jQuery mobile
bootstrap

手机APP的开发模式

1>原生（纯OC）：体验好，效率高，成本高
2>纯HTML5：成本低，跨平台，兼容性多，效率低，体验低
3>原生+HTML5：目前大多数公司尝试模式，各持所需，实现体验，效率，成本等各方面因素

开发工具

1>Android
eclipse、MyEclipse、Android studio
2>iOS
Xcode
3>HTML5
eclipse、MyEclipse
后端喜爱
Dreamwaver
网页三剑客 Dreamwaver（网页）、Flash（动画）、FireWorks（切图） 属于 Abode公司

WebStom
前段喜爱，大神编辑器，默认集成各种各样的插件，配色完美

Web开发新时代

1>Web1.0
主流技术：HTML+CSS

2>Web2.0
主流技术：Ajax（JavaScript/DOM/异步数据请求）

3>Web3.0
主流技术：HTML5+CSS3
HTML5亮点：Canvas HTML5音视频 Web存储 Geolocation Workers多线程处理
CSS3亮点：设计动画 2D变形 N多新特性

常见HTML标签

一个有具体功能的完整的网页，一般由3部分组成：
HTML：网页的具体内容和结构
CSS：网页的样式（美化网页最重要的一块）
JavaScript：网页的交互效果，比如对用户鼠标点击事件的响应

HTML 超文本标记语言

HTML组成：由N个标签（节点，元素，标记）组成

#html结构



    
      
      
          
    



    
    
1
    
2
    
3
    
4
    
5
    
6

    
    
22222222
 
    
22222222
    
22222222


    
    
静夜思

    
李白

    
床前明月光

    
疑似地上霜

    
举头望明月

    
低头思故乡


    
        

    
    


    
    
    


    
    


    
    


    
    


    
    



    
    跳转到百度首页

    
    ![](https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png)

    
    
   
       
1
    
       
2
   
       
3
    
       
4
    
      
    
11111111111111

上部分

下部分

图片链接代码

自己想要自主学习的到这个网址

w3c学习教程网：http://www.w3school.com.cn/h.asp