第1章【HTML5入門精通實(shí)戰(zhàn)教程】HTML5概述_第1頁
第1章【HTML5入門精通實(shí)戰(zhàn)教程】HTML5概述_第2頁
第1章【HTML5入門精通實(shí)戰(zhàn)教程】HTML5概述_第3頁
第1章【HTML5入門精通實(shí)戰(zhàn)教程】HTML5概述_第4頁
第1章【HTML5入門精通實(shí)戰(zhàn)教程】HTML5概述_第5頁
已閱讀5頁，還剩11頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

HTML5入門精通實(shí)戰(zhàn)教程講師：金超服第1章HTML5概述1.1什么是HTML51.2HTML5發(fā)展歷史1.3HTML5的特點(diǎn)什么？1.4HTML5開發(fā)工具1.5HTML文檔的基本結(jié)構(gòu)1.6為什么要學(xué)HTML5？1.7如何學(xué)好HTML5？第1章HTML5概述（大綱）HTML5是HTML的一個(gè)版本。HTML即超文本標(biāo)記語言。HTML是一種標(biāo)準(zhǔn)或者規(guī)范。HTML通過標(biāo)記顯示網(wǎng)頁各個(gè)部分。HTML5是W3C推薦標(biāo)準(zhǔn)。HTML5是web編程的核心語言。1.1什么是HTML5“超文本”就是指頁面內(nèi)可以包含圖片、鏈接，甚至音樂、程序等非文字元素。之所以稱為超文本標(biāo)記語言，是因?yàn)槲谋局邪怂^“超級鏈接”點(diǎn)。12Link:https://1.2HTML5發(fā)展歷史1993年HTML1.01995年HTML2.01997年HTML3.21999年HTML4.012000年XHTML1.02008年HTML5第一份草案2012年HTML5成為候選標(biāo)準(zhǔn)2020年最終測試2022年正式發(fā)布……HTML5發(fā)展歷史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的特點(diǎn)是什么？2、網(wǎng)頁布局更加簡潔、清晰、規(guī)范1.3HTML5的特點(diǎn)是什么？VS3、聲明和引用更加簡潔1.3HTML5的特點(diǎn)是什么？聲明HTML4HTML5編碼HTML4HTML5CSSHTML4HTML5JSHTML4HTML5一壹4、HTML5可跨平臺運(yùn)行從PC瀏覽器到手機(jī)、平板電腦，甚至將來的智能電視。比如你開發(fā)了一款HTML5的游戲，你可以很輕易地移植到UC的開放平臺、Opera的游戲中心、Facebook應(yīng)用平臺，甚至可以通過封裝的技術(shù)發(fā)放到AppStore或GooglePlay上。1.3HTML5的特點(diǎn)是什么？5、HTML5的八大新特征1.3HTML5的特點(diǎn)是什么？HTML5設(shè)備通用連接性能與集成CSS離線存儲多媒體圖形語義6、HTML5更有利于SEO(1)清晰的語義有利于蜘蛛抓取。(2)圖形和多媒體為圖片、視頻、FLASH站帶來更多的流量。(3)更多的功能有利于用戶體驗(yàn)。1.3HTML5的特點(diǎn)是什么？

小知識SEO：SEO是由英文SearchEngineOptimization縮寫而來，中文意譯為“搜索引擎優(yōu)化”。推薦工具（1）dreamweaver（2）JetBrainsWebStorm（3）SublimeText（4）Hbuilder（5）Brackets我們用Brackets，因?yàn)樗情_源免費(fèi)的，還是大公司Adobe的產(chǎn)品，插件很豐富，界面簡潔，功能強(qiáng)大，支持實(shí)時(shí)預(yù)覽。1.4HTML5的開發(fā)工具h(yuǎn)ttp://brackets.io/https:///adobe/brackets/releasesBrackets插件推薦（1）IndentGuides，顯示一條豎直的縮進(jìn)輔助線。（2）Emmet(原名Zencoding)，快速書寫HTML/CSS必備神器。（3）Beautify，一個(gè)代碼格式化的軟件。（4）AutosaveFilesonWindowBlur，當(dāng)軟件失去焦點(diǎn)或切換程序時(shí)，自動保存所有文件。（5）Themes，可以改變編輯器的樣式。選擇想要的主題。1.4HTML5的開發(fā)工具HTML5文檔的基本結(jié)構(gòu)<!DOCTYPEhtml><htmllang=

"zh-cn“>

<head><metacharset=

“utf-8”><title>HTML5</title></head><body></body></html>HTML5文檔基本元素說明<!DOCTYPE>不是HTML標(biāo)簽。它為瀏覽器提供一項(xiàng)信息（聲明），即HTML是用什么版本編寫的。<html>元素定義了整個(gè)HTML文檔<head>元素是所有頭部元素的容器<meta>定義關(guān)于HTML文檔的元信息<title>標(biāo)簽定義文檔的標(biāo)題<body>元素定義文檔的主體HTML元素以開始標(biāo)簽起始HTML元素以結(jié)束標(biāo)簽終止元素的內(nèi)容是開始標(biāo)簽與結(jié)束標(biāo)簽之間的內(nèi)容大多數(shù)HTML元素可以嵌套大多數(shù)HTML元素可擁有屬性某些HTML元素具有空內(nèi)容HTML標(biāo)簽對大小寫不敏感1.5HTML5文檔的基本結(jié)構(gòu)1.6為什么要學(xué)HTML5？HTML5自身優(yōu)勢WebAPP游戲視頻微信支付寶UC瀏覽器百度輕應(yīng)用喬布斯谷歌微軟需求大，工資高1、牢固熟練掌握基本元素2、常看HTML5手冊(w3cschool在線或者離線)3、HTML5+CSS3制作網(wǎng)頁4、JavaScript、jQuery5

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論