环境:windows10 64位 开发环境:web前端(基于浏览器) 推荐使用chrome(谷歌浏览器)webkit内核 开发工具:vscode(微软开源、汉化、免费)、HB(开发移动端、臃肿)、webstorm(付费、全英文)、sublime(经典、简陋、付费)、atom、dw(上个世纪用的)、editplus、nodepad 系统文件: windows跟OSX、Linux不一样 文件:后缀(扩展名)txt png jpg gif jpeg windows10用户:此电脑 ——> 查看 ——> 文件扩展名 windows7用户:随便打开文件夹 --> 菜单【组织】 ——> 文件夹和搜索选项 --> 查看 ---> 隐藏已知文件类型的扩展名(取消勾选) 远程:teamviewer web前端:编程的一个方向(使用某一种特定语言JavaScript) 三剑客:HTML、css(css3)、JavaScript(重心) HTML:超文本标记语言 标记=标签=节点=元素 主要负责页面的数据的显示结构 CSS:层叠样式表 主要用于修饰页面(美化页面) JavaScript 能实现任何功能,用户注册,买东西,支付、浏览器文章 跟浏览器打交道:网页文件(.html) 前端能实现:网页、webapp、小程序 任何的语言要执行:需要电脑认识,语言引擎(浏览器内核) .php(php) .htm 前端:面向用户开发(做界面开发) 后端:需要有后台提供数据服务(开发:采用语言) 查看网页源代码: 1. 网页空白区域鼠标右键 ——> 检查 2. 直接按F12 模板的认识: 标签:单标签、双标签 单标签:只有标签开始,没有标签结尾,单独出现的例如: 双标签: 成对出现的,有结尾的标签,例如: : 这个会出现在每一个网页文件的第一行 这是网页的声明:告诉浏览器用H5标准来解析代码 : 这是整个网页的根标签 必须存在,并且它内部必须有head和body标签 : 这是整个网页的头部标签,通常在它内部存放一些说明信息,存放外部css和js文件(网络上) : 用于存放说明信息 :说明网页文件的编码类型UTF-8(万国码),保证中文不会乱码 : 这是整个网页的身体(用户看到的所有数据都在写在这里面)