web:2014-2015 大前端概念
一.可以做什么 pc网站,移动端网站App,公众号,抖音营销,小游戏,VR,数据可视化, 二.什么是web前端 基于Internet环境之上,使用浏览器访问服务器 1.web和internet internet : 全球性计算机互联网 在互联网上运行着非常多的应用\服务 www服务 world wide web 万维网服务-->网站服务 web是internet上的服务之一,一般专指网站 2.web服务的分类 c/s c:client 客户端 s:server 服务器 比如:qq,王者荣耀 B/S: B:brows 浏览器 S:server服务器 比如:网站,网页微信,页游 区别: c/s更新,下载更新文件,下载过程中,不能使用应用 b/s更新,不需要下载更新文件 3.web的工作原理: 基于浏览器,服务器以及通信协议来实现数据的传输和展示 通信协议: http:// https:// ftp:// file:// 4.前端三大技术 html5 css3 Javascript 三.HTML 1.HyperText Markup Language 超文本 标记 语言 超文本:具备功能的文本 标记: <关键字> 语言:有语法语义 2.html特点 以.html或者.htm为后缀 由浏览器解析执行 在<>中编写关键字,来定义标签 3.html的基础语法 i.标签(常用100个) 标记,元素 使用<>括起来的关键字,具备一定功能<关键字></关键字> 标记的分类 a.双标记,封闭式标记 <关键字> 内容区域 </关键字> b.单标记,非封闭标记 没有内容区域,又称为空标记 <关键字> 或者<关键字/> ii.嵌套 在双标记的内容区域中,编写其他标记,一般是双标记嵌套单标记 父元素 子元素 多级嵌套叫后代关系 注意: 一定要有缩进,双标记必须成对出现,要有结束标记 iii.属性和值: 属性和值用于修饰元素,写在开始标记中 语法: <标记 属性名="属性值" 属性名="属性值"> 内容区域 </标记> 通用属性--标准属性: id:定义唯一的标识(名称) title:鼠标悬停在元素上时所提示的文字 class:在css中引用类选择器 style:在css中定义行内样式 iv.注释 不被浏览器编译执行的语句 <!--注释内容--> 注意:a.注释不能嵌套注释 b.标签的<>中也不能嵌套注释 四.html文档结构 1.文档类型的声明 <!DOCTYPE html> 不区分大小写 必须写在html文件的第一行 告诉浏览器使用h5的规则来解析当前的页面 <meta/> 元数据 <meta charset="utf-8"> charset="utf-8" 下面的中文都由utf-8来解析 设置好对应的词汇,让网站更容易被搜索到 <meta name="篮球" content=" "> <body>内容 </body> 网页的主体,默认情况下,body宽度是有限的,高度是无限的 text="red" 文本颜色 bgcolor="yellow" 背景颜色 `<!DOCTYPE html>