一 计算机的基本介绍：
定义：一种可以自动高效进行计算操作的电子设备，PC

二 计算机的基本特点：
1.可以完成数学和逻辑运算；
2.可以对数据进行记忆和存储；
3.可以再程序指令下自动高效的进行计算。

三 计算机组成部分：
一. 软件系统，二.硬件系统。
硬件：1输入2 输出 3计算器 +控制器（cpu） 4存储器（内存和外存，内存计算速度快 断电内存数据丢失 外存不会）
软件：
i：系统软件（操作系统）+应用软件
ii:操作系统软件：安装在硬件上的第一层软件，给应用软件提供运行环境
1 图形化桌面操作系统软件:windows ; MacOS;Linux.
2 移动设备操作系统：android（底层也是一款小型的Linux） ；ios。
3 服务器操作系统：linux（开源 免费 稳定 用户量非常大） ；windows server（微软推出 收费 用户量非常少）。
iii：应用软件：安装在操作系统上的第三方功能软件（app）

四 二进制基本介绍
一：二进制基本描述
二进制就是一种数学进制，它里面只有0和1两个基数。（计算机底层李用到的进制是二进制）
常见的进制：A 二进制——bin
B 十进制——dec
C 八进制——oct
D 十六进制——hex  0-9 A-F
二：计算机采用二进制的好处
1，技术实现简单，状态稳定
2，二进制刚好和逻辑运算当中的真假对应。1 就可以代表真（true） 0就可以代表假（false）
3，

五 编码和计量单位
将人类可以理解的自然语言“翻译”成计算机可以理解的机器语言
最常见处理中文的编码标准是UTF-8
英文字符：ASCII 中文字符：UTF-8
六 计算机计量单位
一 :基础单位
1 比特（bit） 最小的计量单位
2 节字（bytes）一字节等于八位

二 ：常用单位及换算关系
1B = 8b
1KB = 1024 B
1MB = 1024 KB
1 GB = 1024 MB
1TB = 1024 GB

七  DOS命令
一：DOS命令的语法格式
1. win + r 键操作打开运行面板，输入cmd进入操作系统终端
2.命令+参数组成，命令和参数之间使用空格间隔     命令（参数1  参数2）
3.推出正在执行的命令：ctrl+c

二：DOS命令的使用
ping 网址:检查计算机网络和目标网址的连接状态
ipconfig-all:显示当前计算机所有网卡的信息（“以太网适配器 本地连接/以太网 下物理地址”）也叫mac地址 唯一的表示网卡id
盘符名称+冒号：切换盘符
cd .. :返回上一级目录
cd / :返回到盘符根目录
cd空格目录 ：进入目标目录
dir ：将某个目录以列表的形式列出
echo 内容 > 文件名称：可以间接新建一个带有内容的文件
md 路径/目录：新建目录
rd 路径/内容：删除目录（必须是空目录）
del 文件 ：删除文件
rd 文件 /s : 强制删除非空目录
del 目录: 询问是否删除目录里的文件
copy 文件原路径 文件新路径 ：将文件复制到目标路径
move 文件原路径 文件新路径： 将文件移动到目标路径
exit 退出
cls 清屏
八 web前端标准
web前端技术指的不是某一项技术，而是一系列技术的集合主要包括：
html——结构标准：负责网页结构的搭建
css——样式结构/表现标准：负责网页的美化工作
js——行为标准：负责网页的行为动作

一：专业名词解释
1.web也叫www.指代就是万维网
2.http协议，就是在输入网址的时候，默认给我们添加的一段代码，这个代码的意思就是超文本传输协议
3.多个网页（图片，文字，链接.....）组成一个网站
4.网页在浏览器中运行（解析）

二：web前端三大标准
1.html 结构标准
2.css 样式标准
3.js 行为标准

三：五大浏览器厂商
1.  ie
2.  谷歌
3.  火狐
4.  欧朋
5.  苹果
注意：除了这五个浏览器之外的都没有自己的技术，都是使用ie或谷歌的技术，更改了一套皮肤而已
测试的细节：作为测试人员，必须测试ie，谷歌，火狐。欧朋占有率低，苹果和谷歌最终的效果很相似，除非用户要求

四： html发展
定义：超文本标记语言
现阶段使用的版本：html5.0或者xhtml1.0

五：第一个html网页（html骨架）
1.打开hbuilder后，把自己的代码文件夹拖拽到左侧的“项目管理器”下
2.点击鼠标左键选中刚刚拖拽到左侧的文件夹（必须选中变绿）
3.Ctrl+n弹出下拉菜单，选中新建“html文件”
4.在弹出的对话框中修改文件的名字即可，因为版本5.0是默认的
5.在title标签的中间输入内容
6.在body标签的中间输入内容
7.在软件的菜单上找到浏览器的运行按钮，点击后就可以在指定的浏览器中运行代码，第一行代码代表当前html文件的版本信息，如果没有详细的指定，就代表html5.0
8.head中写的内容是网页的头部信息
9.meta中写的是网页的编码集（必须是UTF-8）
10.title中写的是网页的标题内容
11.body中写的是网页的主体内容
注意：标签，标记，元素词语都是可以表示尖括号这种语法

六： 回车和换行（html的职责）
在html语法中，如果想实现回车和空格效果必须使用代码才能实现
回车------<br />一个回车
空格——&nbsp; 一个空格
注意：html中可以实现一点点的样式效果，但是实际工作场景中，程序员一定使用css来实现样式效果
七:标题标签

例：<h1>呵呵</ h1>
解释：被标题标签包裹的文字，会被当做独占一行的标题来使用，文字会变粗，变大，h标签的家族中只有1到6.特点就是依次变小（不要臆造标签，没有h7）

八：标签语义化
在合适的地方使用合适的标签，符合标签语义化的网站，搜索引擎更喜欢（网站的排名更靠前）
http://www.w3schllo.com.cn/
W3c联盟组织的一些语法规则可以从这里查询到


九：文章段落使用<p></p> 双标签

十：文字标签
<s>删除线</s>
<del>删除线</del>（推荐使用）
以上两个都可以实现删除线效果，但是前者已经逐渐被后者取代
<b>加粗</b>
<i>倾斜</i>
<strong>加粗又强调（特别强调）</strong>
<em>倾斜又强调</em>
十一：div和span
这两个标签都没有语义！就是放数据的容器
<div>大盒子，一行只允许存在一个</div>
<span>小盒子，只要一行放得下，就可以存放多个</span>
ctrl+?  注释（不会被浏览器显示的内容，一般用作程序员写代码的提醒；项目上线前，提醒程序员删掉注释 因为会影响网页的打开速度）
十二： img图片标签
<img src = “图片的名字”/>
解释：图片标签属于单标签，src是设置图片资源的（要显示哪一张图片）
属性名=“属性值”我们管这种属性名和属性值的组合叫“键值对”也叫“kv对”
width = “宽度值”
height = “高度值”
title = “鼠标悬停后的提示文字”
alt = 1，图片没有加载出来时间的文字  2, 网页阅读可以读取此处的文字给视障用户听，增加用户体验

十三：路径
1，同级路径：以当前文件为基准去找别的文件
2，下级路径：以当前文件为基准点击文件夹后去找文件
3，上级路径：以当前文件为基准，返回上一级去找文件
注意：以上三条叫相对路径
绝对路径：把文件在电脑中的所有路径地址拿过来的一种书写方式，这种写法绝对不会出现在前端代码中

一 计算机的基本介绍：
定义：一种可以自动高效进行计算操作的电子设备，PC

二 计算机的基本特点：
1.可以完成数学和逻辑运算；
2.可以对数据进行记忆和存储；
3.可以再程序指令下自动高效的进行计算。

三 计算机组成部分：
一. 软件系统，二.硬件系统。
硬件：1输入2 输出 3计算器 +控制器（cpu） 4存储器（内存和外存，内存计算速度快 断电内存数据丢失 外存不会）
软件：
i：系统软件（操作系统）+应用软件
ii:操作系统软件：安装在硬件上的第一层软件，给应用软件提供运行环境
1 图形化桌面操作系统软件:windows ; MacOS;Linux.
2 移动设备操作系统：android（底层也是一款小型的Linux） ；ios。
3 服务器操作系统：linux（开源 免费 稳定 用户量非常大） ；windows server（微软推出 收费 用户量非常少）。
iii：应用软件：安装在操作系统上的第三方功能软件（app）

四 二进制基本介绍
一：二进制基本描述
二进制就是一种数学进制，它里面只有0和1两个基数。（计算机底层李用到的进制是二进制）
常见的进制：A 二进制——bin
B 十进制——dec
C 八进制——oct
D 十六进制——hex  0-9 A-F
二：计算机采用二进制的好处
1，技术实现简单，状态稳定
2，二进制刚好和逻辑运算当中的真假对应。1 就可以代表真（true） 0就可以代表假（false）
3，

五 编码和计量单位
将人类可以理解的自然语言“翻译”成计算机可以理解的机器语言
最常见处理中文的编码标准是UTF-8
英文字符：ASCII 中文字符：UTF-8
六 计算机计量单位
一 :基础单位
1 比特（bit） 最小的计量单位
2 节字（bytes）一字节等于八位

二 ：常用单位及换算关系
1B = 8b
1KB = 1024 B
1MB = 1024 KB
1 GB = 1024 MB
1TB = 1024 GB

七  DOS命令
一：DOS命令的语法格式
1. win + r 键操作打开运行面板，输入cmd进入操作系统终端
2.命令+参数组成，命令和参数之间使用空格间隔     命令（参数1  参数2）
3.推出正在执行的命令：ctrl+c

二：DOS命令的使用
ping 网址:检查计算机网络和目标网址的连接状态
ipconfig-all:显示当前计算机所有网卡的信息（“以太网适配器 本地连接/以太网 下物理地址”）也叫mac地址 唯一的表示网卡id
盘符名称+冒号：切换盘符
cd .. :返回上一级目录
cd / :返回到盘符根目录
cd空格目录 ：进入目标目录
dir ：将某个目录以列表的形式列出
echo 内容 > 文件名称：可以间接新建一个带有内容的文件
md 路径/目录：新建目录
rd 路径/内容：删除目录（必须是空目录）
del 文件 ：删除文件
rd 文件 /s : 强制删除非空目录
del 目录: 询问是否删除目录里的文件
copy 文件原路径 文件新路径 ：将文件复制到目标路径
move 文件原路径 文件新路径： 将文件移动到目标路径
exit 退出
cls 清屏
八 web前端标准
web前端技术指的不是某一项技术，而是一系列技术的集合主要包括：
html——结构标准：负责网页结构的搭建
css——样式结构/表现标准：负责网页的美化工作
js——行为标准：负责网页的行为动作

一：专业名词解释
1.web也叫www.指代就是万维网
2.http协议，就是在输入网址的时候，默认给我们添加的一段代码，这个代码的意思就是超文本传输协议
3.多个网页（图片，文字，链接.....）组成一个网站
4.网页在浏览器中运行（解析）

二：web前端三大标准
1.html 结构标准
2.css 样式标准
3.js 行为标准

三：五大浏览器厂商
1.  ie
2.  谷歌
3.  火狐
4.  欧朋
5.  苹果
注意：除了这五个浏览器之外的都没有自己的技术，都是使用ie或谷歌的技术，更改了一套皮肤而已
测试的细节：作为测试人员，必须测试ie，谷歌，火狐。欧朋占有率低，苹果和谷歌最终的效果很相似，除非用户要求

四： html发展
定义：超文本标记语言
现阶段使用的版本：html5.0或者xhtml1.0

五：第一个html网页（html骨架）
1.打开hbuilder后，把自己的代码文件夹拖拽到左侧的“项目管理器”下
2.点击鼠标左键选中刚刚拖拽到左侧的文件夹（必须选中变绿）
3.Ctrl+n弹出下拉菜单，选中新建“html文件”
4.在弹出的对话框中修改文件的名字即可，因为版本5.0是默认的
5.在title标签的中间输入内容
6.在body标签的中间输入内容
7.在软件的菜单上找到浏览器的运行按钮，点击后就可以在指定的浏览器中运行代码，第一行代码代表当前html文件的版本信息，如果没有详细的指定，就代表html5.0
8.head中写的内容是网页的头部信息
9.meta中写的是网页的编码集（必须是UTF-8）
10.title中写的是网页的标题内容
11.body中写的是网页的主体内容
注意：标签，标记，元素词语都是可以表示尖括号这种语法

六： 回车和换行（html的职责）
在html语法中，如果想实现回车和空格效果必须使用代码才能实现
回车------<br />一个回车
空格——&nbsp; 一个空格
注意：html中可以实现一点点的样式效果，但是实际工作场景中，程序员一定使用css来实现样式效果
七:标题标签

例：<h1>呵呵</ h1>
解释：被标题标签包裹的文字，会被当做独占一行的标题来使用，文字会变粗，变大，h标签的家族中只有1到6.特点就是依次变小（不要臆造标签，没有h7）

八：标签语义化
在合适的地方使用合适的标签，符合标签语义化的网站，搜索引擎更喜欢（网站的排名更靠前）
http://www.w3schllo.com.cn/
W3c联盟组织的一些语法规则可以从这里查询到


九：文章段落使用<p></p> 双标签

十：文字标签
<s>删除线</s>
<del>删除线</del>（推荐使用）
以上两个都可以实现删除线效果，但是前者已经逐渐被后者取代
<b>加粗</b>
<i>倾斜</i>
<strong>加粗又强调（特别强调）</strong>
<em>倾斜又强调</em>
十一：div和span
这两个标签都没有语义！就是放数据的容器
<div>大盒子，一行只允许存在一个</div>
<span>小盒子，只要一行放得下，就可以存放多个</span>
ctrl+?  注释（不会被浏览器显示的内容，一般用作程序员写代码的提醒；项目上线前，提醒程序员删掉注释 因为会影响网页的打开速度）
十二： img图片标签
<img src = “图片的名字”/>
解释：图片标签属于单标签，src是设置图片资源的（要显示哪一张图片）
属性名=“属性值”我们管这种属性名和属性值的组合叫“键值对”也叫“kv对”
width = “宽度值”
height = “高度值”
title = “鼠标悬停后的提示文字”
alt = 1，图片没有加载出来时间的文字  2, 网页阅读可以读取此处的文字给视障用户听，增加用户体验

十三：路径
1，同级路径：以当前文件为基准去找别的文件
2，下级路径：以当前文件为基准点击文件夹后去找文件
3，上级路径：以当前文件为基准，返回上一级去找文件
注意：以上三条叫相对路径
绝对路径：把文件在电脑中的所有路径地址拿过来的一种书写方式，这种写法绝对不会出现在前端代码中