1. 程式人生 > >HTML5-基礎語法

HTML5-基礎語法

為什麼要學習HTML5

1>未來的一種趨勢

2>增加面試,開發競爭力

前端工程師:HTML、CSS、JavaScript、框架使用

手機App的開發模式

1>原生(純OC)

2>純HTML5

3>原生+HTML5

4>React Native

網頁的組成:

一個有具體功能的完整的頁面,一般由三部分組成

HTML: 網頁的具體內容和結構

CSS: 網頁的樣式

JavaScript掌握網頁的互動效果

,比如對使用者滑鼠事件作出響應。

什麼是HTML:

HyperText Markup Language, 超文字標記語言, 其實就是文字,由瀏覽器負責將它解析成具體的網頁內容

HTML組成:N個標籤(節點、元素、標記組成)

簡單的HTML結構

<!--網頁三要素:關鍵字,描述,標題-->
<!DOCTYPE html> <!--
宣告文件型別,向下相容老版本--> <html lang="en"> <!-- 網頁最大的便籤,圈地 lang=“en”網頁翻譯用的 --> <head><!-- 設定網頁的基本資訊,與瀏覽器通訊--> <!--設定語言的編碼格式,一般採用UTF-8--> <meta charset="UTF-8"> <!-- 設定關鍵詞方便搜尋引擎查詢 --> <meta name="Keywords" content="簡單的HTML結構"> <!-- 設定網頁描述資訊
--> <meta name="Description" content="簡單的HTML基礎語法講解"> <!-- 設定標題--> <title>簡單的HTML結構</title> </head> <!--網頁主題結構標籤 給使用者看的--> <body> <div > <p>簡單的HTML結構~</p> </div> <!--script:定義客戶端指令碼元素既可以包含指令碼語句,也可以通過 src 屬性指向外部指令碼檔案。 必需的type 屬性規定指令碼的 MIME 型別。--> <script type="text/javascript"> </script> </body> </html>