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