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是目前最流行的前端开发工具。