目標： 會使用HTML5的基本結構創建網頁 會使用文本相關標簽排版文本信息 會使用圖像相關標簽實現圖文並茂的頁面 會使用標簽創建超鏈接、錨鏈接及功能性鏈接 1、什麼是HTML HTML：Hyper Text Markup Language（超文本標記語言） 超文本包括：文字、圖片、音頻、視頻、動畫等 ...
目標：
- 會使用HTML5的基本結構創建網頁
- 會使用文本相關標簽排版文本信息
- 會使用圖像相關標簽實現圖文並茂的頁面
- 會使用標簽創建超鏈接、錨鏈接及功能性鏈接
1、什麼是HTML
HTML：Hyper Text Markup Language（超文本標記語言）
超文本包括：文字、圖片、音頻、視頻、動畫等
1. 網頁的組成
2. 標簽作用是什麼
3. 瀏覽器打開後，會從上到下解釋這些代碼，並呈現相應的效果
2、發展史、優勢
- HTML：Hyper Text Markup Language超文本標記語言，超文本標記語言—在1993年6月互聯網工程工作小組工作案發佈（並非標準）
- HTML2.0—1995年11月作為RFC1866發佈，在RFC2854於2000年6月發佈之後被宣佈過時。
- HTML3.2—1996年1月14日，W3C推薦標準
- HTML4.0—1997年12月18日，W3C推薦標準
- HTML4.01（微小改進）—1999年12月24日，W3C推薦標準，2000年5月15日發佈基本嚴格的 HTML4.01語法，是國標標準化組織和國際電工委員會的標準
- XHTML1.0—發佈於2000年1月26日，是W3C推薦標準，後來經過修訂於2002年8月1日重新發佈
- XHTML1.1—2001年5月31日發佈
- XHTML2.0是W3C的工作草案，由於改動過大，學習這個新技術的成本過高而最終胎死腹中，因 此，現在最常用的還是XHTML1.0標準。
- 目前最新的版本為HTML5，它是2004年被提出，2007年被W3C接納併成立新的HTML工作團隊， 2008年1月22日公佈HTML5第一份正式草案，2012年12月17日HTML5規範正式定稿，2013年5月 6日，HTML5.1正式草案公佈。
- HTML 5作為最新版本，提供了一些新的元素和一些有趣的新特性，同時也建立了一些新的規則。 這些元素、特性和規則的建立，提供了許多新的網頁功能，如使用網頁實現動態渲染圖形、圖表、 圖像和動畫，以及不需要安裝任何插件直接使用網頁播放視頻等。目前企業開發中也在增大使用 HTML5的力度
HTML5的優勢
1.世界知名瀏覽器廠商對HTML5的支持
通過對Internet Explorer、Google、Firefox、Safari、Opera等主要的Web瀏覽器發展策略調查，發現 他們都在支持HTMl5上採取措施。
微軟：2010年3月16日，微軟於拉斯維加斯市舉行的MIX10技術大會上宣佈已推出IE9瀏覽器開發者預覽 版。此版本將更多的支持CSS3、SVG和HTML5等互聯網瀏覽通用標準。
Google：2010年2月19日，谷歌Gears項目經理伊安一費特通過博客宣佈，谷歌將放棄對Gears瀏覽器 插件項目的支持，以此重點開發HTML5項目。
蘋果：2010年6月7日，蘋果在開發者大會的會後發佈了Safari 5，這款瀏覽器支持10個以上HTML5新技 術，包括全屏播放、HTML5視頻、HTML5地理位置、HTML5的形式驗證等功能。
Opera：2010年5月5日，Opera軟體公司首席技術官Hakon Wium Lie先生在訪華之際，接受中國軟體 資訊網等少數幾家媒體採訪，他認為HTMl5和CSS3將是全球互聯網發展的未來趨勢。
mozilla firefox：2010年7月，Mozilla基金會發佈了Firefox 4瀏覽器的第一個測試版，從官方文檔看， 它對HTML5是完全級別的支持。
以上證據表明，目前這些瀏覽器已經紛紛朝著支持HTML5、結合HTML5的方向邁進，因此HTML5已經 被廣泛的推行開來。
2．市場的需求
現在的市場已經迫不及待的要求有一個統一的互聯網通用標準。HTML5之前的情況是，由於各瀏覽器之 間的不統一，光是修改Web瀏覽器之間的由於相容性而引起的bug就浪費了大量的時間。而HTML5的目 標就是將Web帶入一個成熟的應用平臺，在HTML5平臺上，視頻、音頻、圖像、動畫以及同電腦的交互 都被標準化。
3．跨平臺
HTML5可以做到跨平臺開發，用戶只用打開瀏覽器即可訪問應用，PC網站、各種移動設備、插件等核心 代碼就可以不需要重覆編寫，極大的減少了開發人員的工作量。
3、W3C標準
- W3C
- World Wide Web Consortium（萬維網聯盟）
- 成立於1994年，Web技術領域最權威和具影響力的國際中立性技術標準機構
- http://www.w3.org/
- http://www.chinaw3c.org/
- W3C標準包括
- 結構化標準語言（XHTML 、XML）
- 表現標準語言（CSS）
- 行為標準（DOM、ECMAScript ）
演示示例：靜夜思
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>靜夜思</title>
</head>
<body>
<h1>靜夜思</h1>
<em>朝代:唐代</em> 作者:<strong>李白</strong></em><br/>
<hr/>
原文：
<p>
床前明月光，<br/>
疑是地上霜。<br/>
舉頭望明月，<br/>
低頭思故鄉。<br/>
</p>
</body>
</html>
常見的網頁編輯工具：
- 記事本
- NotePad++
- Sublime
- VsCode
- WebStorm
- HBuidler
- IDEA
- ....
本文來自博客園，作者：腹白，轉載請註明原文鏈接：https://www.cnblogs.com/wyh518/
