目標：
- 會使用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/
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/528031.html
標籤：Html/Css
上一篇：PowerShellHere-String到Json
下一篇：HTML基本結構與標簽