H5第一课
HTML5開發
一、前端開發
1、工作內容
主要做軟件界面的設計，調用后端接口。
2、前端開發分類
Android前端開發：Android APP。
IOS前端開發：IOS APP。
微信小程序開發：騰訊提供的技術。
HTML5前端開發：PC網頁、移動端網頁、Android APP，IOS APP、微信公眾號。
二、網頁設計
1、第一步，設計網頁的內容
學習HTML5語言。
2、第二步，添加內容的樣式
學習CSS3語言。
3、第三步，給內容添加特效（動畫效果）
學習JavaScript語言：語法，事件處理，面向對象，dom操作。
4、第四步，調用服務器接口，獲取動態數據，解析展示。
學習JavaScript語言：ajax和json。
三、HTML5
1、用途
設計網頁的內容：文字、圖片、聲音、視頻==
2、HTML
hyper-text markup language
超文本【標記】語言
3、語法
（1）成對的標記：
<起始標記名 屬性名=“屬性值” …> 內容 </結束標記名>
舉例：
<p align="center">窗前明月光</p>（2）單獨出現的標記：
<起始標記名 屬性名=“屬性值” …/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />meta\hr\br\input\img
注意：
html5中提供了很多標記，每種標記都有自己的屬性。
標記之間可以相互嵌套。
標記是用來插入內容或效果的。
屬性是輔助標記的。
不區別大小寫。（h和css不區別，js和java區別大小寫）
4、固定的文檔結構
<!DOCTYPE html> <html lang="en"> <head><!-- meta 元信息 charset 編碼 "utf-8" 大陸程序使用的大部分都是utf-8 --><meta charset="UTF-8"><!-- 視口 寫移動端項目 必須要寫的 --><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title> </head> <body></body> </html>5、html文件的格式
.html
6、運行
使用瀏覽器打開執行，最后將執行結果顯示在窗口中。
7、前端開發工具
vs code是目前最流行的前端開發工具。
總結
- 上一篇： 服务认证的介绍-实施依据及作用
- 下一篇： 解决win11蓝牙开关不显示问题，没有更