第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、?？碒TML5手冊(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

提交評論