第1章【HTML5入门精通实战教程】HTML5概述_第1页
第1章【HTML5入门精通实战教程】HTML5概述_第2页
第1章【HTML5入门精通实战教程】HTML5概述_第3页
第1章【HTML5入门精通实战教程】HTML5概述_第4页
第1章【HTML5入门精通实战教程】HTML5概述_第5页
已阅读5页，还剩11页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

HTML5入门精通实战教程讲师：金超服第1章HTML5概述1.1什么是HTML51.2HTML5发展历史1.3HTML5的特点什么？1.4HTML5开发工具1.5HTML文档的基本结构1.6为什么要学HTML5？1.7如何学好HTML5？第1章HTML5概述（大纲）HTML5是HTML的一个版本。HTML即超文本标记语言。HTML是一种标准或者规范。HTML通过标记显示网页各个部分。HTML5是W3C推荐标准。HTML5是web编程的核心语言。1.1什么是HTML5“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。12Link:https://1.2HTML5发展历史1993年HTML1.01995年HTML2.01997年HTML3.21999年HTML4.012000年XHTML1.02008年HTML5第一份草案2012年HTML5成为候选标准2020年最终测试2022年正式发布……HTML5发展历史1、各大浏览器对HTML支持较好

HTML5对浏览器要求最低版本：IE9、Firefox3.5、Chrome3.0、Safari3.0、Opera10.5目前各大浏览器的最新版本：IE11、Firefox45.0.1、Chrome49.0.2623.110、Safari、Opera36.0.2130.461.3HTML5的特点是什么？2、网页布局更加简洁、清晰、规范1.3HTML5的特点是什么？VS3、声明和引用更加简洁1.3HTML5的特点是什么？声明HTML4HTML5编码HTML4HTML5CSSHTML4HTML5JSHTML4HTML5一壹4、HTML5可跨平台运行从PC浏览器到手机、平板电脑，甚至将来的智能电视。比如你开发了一款HTML5的游戏，你可以很轻易地移植到UC的开放平台、Opera的游戏中心、Facebook应用平台，甚至可以通过封装的技术发放到AppStore或GooglePlay上。1.3HTML5的特点是什么？5、HTML5的八大新特征1.3HTML5的特点是什么？HTML5设备通用连接性能与集成CSS离线存储多媒体图形语义6、HTML5更有利于SEO(1)清晰的语义有利于蜘蛛抓取。(2)图形和多媒体为图片、视频、FLASH站带来更多的流量。(3)更多的功能有利于用户体验。1.3HTML5的特点是什么？

小知识SEO：SEO是由英文SearchEngineOptimization缩写而来，中文意译为“搜索引擎优化”。推荐工具（1）dreamweaver（2）JetBrainsWebStorm（3）SublimeText（4）Hbuilder（5）Brackets我们用Brackets，因为它是开源免费的，还是大公司Adobe的产品，插件很丰富，界面简洁，功能强大，支持实时预览。1.4HTML5的开发工具http://brackets.io/https:///adobe/brackets/releasesBrackets插件推荐（1）IndentGuides，显示一条竖直的缩进辅助线。（2）Emmet(原名Zencoding)，快速书写HTML/CSS必备神器。（3）Beautify，一个代码格式化的软件。（4）AutosaveFilesonWindowBlur，当软件失去焦点或切换程序时，自动保存所有文件。（5）Themes，可以改变编辑器的样式。选择想要的主题。1.4HTML5的开发工具HTML5文档的基本结构<!DOCTYPEhtml><htmllang=

"zh-cn“>

<head><metacharset=

“utf-8”><title>HTML5</title></head><body></body></html>HTML5文档基本元素说明<!DOCTYPE>不是HTML标签。它为浏览器提供一项信息（声明），即HTML是用什么版本编写的。<html>元素定义了整个HTML文档<head>元素是所有头部元素的容器<meta>定义关于HTML文档的元信息<title>标签定义文档的标题<body>元素定义文档的主体HTML元素以开始标签起始HTML元素以结束标签终止元素的内容是开始标签与结束标签之间的内容大多数HTML元素可以嵌套大多数HTML元素可拥有属性某些HTML元素具有空内容HTML标签对大小写不敏感1.5HTML5文档的基本结构1.6为什么要学HTML5？HTML5自身优势WebAPP游戏视频微信支付宝UC浏览器百度轻应用乔布斯谷歌微软需求大，工资高1、牢固熟练掌握基本元素2、常看HTML5手册(w3cschool在线或者离线)3、HTML5+CSS3制作网页4、JavaScript、jQuery5

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论