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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值