JavaScript 函數 函數概念 函數:就是封裝了一段可以被重覆執行調用的代碼塊,目的就是讓大量的代碼重覆使用 函數的使用 函數的使用 分兩步:聲明函數和調用函數 //1.聲明函數 //function 函數名() { //函數體 //} function sayHi(){ console.lo ...
一、什麼是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!