一、什么是HTML?
HTML的英文全稱是Hyper Text Markup Language,譯為“超文本標記語言”,
HTML 不是一種編程語言,而是一種標記語言 (markup language)
HTML通過標記符號來標記要區別顯示的網頁中的各個部分,網頁檔案可視為這樣一種文本檔案:通過在文本中添加標記符,明確瀏覽器應如何顯示對應的內容( 如字體格式、字體大小、段落安排、圖片顯示等),
二、什么是HTML5?
HTML5是超文本標記語言的第5個標準,實際上HTML5代表了新一代的HTML(超文本標記語言)、CSS(樣式表)和JavaScript(動態腳本語言),
三、HTML5的應用
Web即World Wide Web的縮寫,簡稱www,意為全球廣域網,也稱為萬維網,它是一種基于超文本和HTTP的、全球性的、動態互動的、跨平臺的分布式圖形資訊系統,web還可以代指Web服務器,通常是網站服務器,是指駐留于因特網上某種型別計算機的程式,
web建立在Internet之上,可以為瀏覽者在Internet上查找和瀏覽資訊時提供圖形化的界面,其中的檔案及超級鏈接將Internet上的資訊節點組織成一個互為關聯的網狀結構,
HTML5 是一個新的web標準的集合,它包括全新定義的HTML標簽和更為規范化的HTML標簽,CSS3以及全新的javascript API介面,這些介面既能操作前端所見所得,也能操作后臺輸送到前臺的資料,比如令人振奮的離線存盤功能,
相比于手機上下載的APP端,更多的優勢是帶給開發人員的,開發HTML5 web app 具有開發快速,極強的跨平臺性能等特點,可以實作一次開發,多個手機平臺同時適用,缺點也較為明顯,就是會受到網路和手機性能的限制,
四、Chrome模擬器除錯
由HTML/JavaScript/CSS開發而成的Web App可以在瀏覽器中互動運行,
在Google Chrome瀏覽器中,只要按下ctrl+shift+I組合鍵即可調出開發者除錯工具,
五、開發環境介紹與安裝
1.Hbuilder

2.VScode
VSCode(全稱:Visual Studio Code)是一款由微軟開發且跨平臺的免費源代碼編輯器,該軟體支持語法高亮、代碼自動補全(又稱 IntelliSense)、代碼重構、查看定義功能,并且內置了命令列工具和 Git 版本控制系統,用戶可以更改主題和鍵盤快捷方式實作個性化設定,也可以通過內置的擴展程式商店安裝擴展以拓展軟體功能,


本學期課程主要用VScode,
VS Code下載地址https://code.visualstudio.com
VScode安裝教程:
https://www.runoob.com/w3cnote/vscode-tutorial.html
六、第一個網頁hello world!:
1.新建檔案與保存:

點擊vscode左上角檔案選單選擇新建檔案或者使用快捷鍵ctrl+N,
2.選擇語言為html,
3.輸入一個英文感嘆號,然后按Tab鍵就完成了HTML5檔案的基本結構,
4.在<body>和</body>標簽之間輸入“Hello World!”
5.保存為檔案后綴是html的網頁檔案,用瀏覽器打開該檔案,就會看到網頁上顯示:Hello World!


轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/503478.html
標籤:其他
上一篇:# JavaScript 函式
