计算机的定义：可以自动高效进行计算操作的电子设备。

计算机的组成：1.硬件系统 2.软件系统。

硬件划分根据冯诺伊曼理论

硬件系统分为五个部分：1.输出设备2.输入设备3.计算器4.控制器5.存储器

软件系统分为两类：1.操作系统2.应用软件

计数规则：1.二进制--两个基数(0,1)--逢二进一

2.计算机识别二进制原理:高低电位

常见的数字进制有：1.二进制—bin   2.十进制--dec   3.八进制--oct  4.十六进制--hex

基础单位：比特(bit位)--人为规定的小的计量单位

字节(byte字节)--1个字节等于8个比特(1B = 8b)

Dos

命令表格

命令输入	命令作用	注释
time	显示当前时间	需要手动退出才能执行下个 命令
ctrl c	退出当前正在执行的命令
ping 网址	检查当前网址网络是否连  通	可以返回网址对应的ip 和  网络状态
ipconfig -all	显示当前计算机所有网卡 信息	包含  本机ipv4地址与mac 地址
盘符名称: cd 目录名	切换到某个盘符  切换到当前某个子目录下	盘符即c盘 d盘. 当前目录下的子目录
cd ..	返回上一级目录	.. 与cd 之间存在空格
cd /	返回当前盘符根目录	/ 与cd 之间存在空格

dir	将某个目录的内容以列表  形式列出	显示当前目录下的目录与文  件
md 路径/目录	可以新建目录
echo "内容" > 文件名 称	可以间接新建一个带有内  容的文件	DOS中间接新建文件的方式
rd 路径/目录	删除目录	默认只能删除空目录
del 文件	删除文件	只能用来删除文件
rd /s	强制删除非空目录
del 目录	询问是否删除目录里的所  有文件	只删除当前目录下下的一级  子目录
copy 文件原路径 文件 新路径	将文件复制到其它地方	在复制的过程中可以修改名  称

move 文件原路径 文 件新路径

将文件剪切到其它地方

必须进入被剪切文件所在目  录执行

HTML

语法规则：

1.标签分为单标签和双标签

a. 单标签 -- <单标签名称 />

b. 双标签 -- <双标签名称></双标签名称>

2. 属性的语法

a. 键值对

b. 属性名="属性值"

c. <标签名称 属性名1="属性值" 属性名2="属性值">

3. 空格和换行的实现方法

a. 空格实体 -- &nbsp;

b. 换行标签 -- <br />

标签	含义	注意
<h1>一级标题</h1>	标题标签 h1-h6	双标签,共六级
<p>文章段落</p>	段落标签	双标签
<div>大盒子</div>	布局(结构)标签-大盒子	双标签,独占行
<span>小盒子</span>	布局(结构)标签-小盒子	双标签,非独占
<!-- 注释内容 -- >	注释--快捷键ctrl /	源码中可见  运行不显示
<img src="图片路径"/> 属性名="属性值"--键值对语法	图片标签 title-图片标题 alt-图片描述	单标签 title(悬停显示) alt(失败显示

超链接

跳转的连接-- <ahref="http://完整的线上网址">点击的内容</a>

<a href="本地资源路径">点击的内容</a>

表单

元素类型	元素含义	注意
<input type="text" />	普通文本  框	文字内容能够显示  提示内容--placeholder属性
<input type="password" />	密码框	输入内容被星号*代替

<input type="radio"  name="xb" /> <input type="radio"  name="xb" />	单选按钮	每个单选按钮设置相同name 属性值 默认选中checked="checked"
<input type="checkbox" />	复选框/多  选框	可以全选,选一部分  默认选中checked="checked"
<select>  <option>选项1</option> <option>选项2</option>  </select >	下拉框	select--下拉框 option--下拉选项 注意下拉框中选项的数量和  顺序 默认选中selected="selected
<textarea rows="行数" cols="列 数">  </textarea>	文本域	通常大小通过CSS设置  不用rows和cols  禁用大小拖拽-resize:none;
<input type="button"  value="提  示"/>	普通按钮	文字通过value属性设置 普通按钮效果通过js实现
<input type="reset"  value="提示"/>	重置按钮  恢复默认	设置value属性 避免默认内容兼容问题
<input type="submit"  value="提  示"/>	提交按钮	提交表单数据到action指定 的后台程序 设置value属性

无序列表：<ul>

              <li>新闻1</li>

              <li>新闻2</li>

</ul>

有序列表：<ol>

            <li>排行1</li>

               <li>排行2</li>

</ol>

CSS语法：css写在style标签里中  style写在  title后面head上面

选择器：

标签选择器：-- 标签名

Id选择器：#id属性值---------属性值不可重复

类名选择器：.一个类名--------类名可以重复class属性可以有多个类(class="bz ldxns"),用其中一个

复合选择器：

后代选择器：-- 祖先选择器子孙选择器

并集选择器：-- 目标选择器1,目标选择器2,目标选择器3

复合选择器：

选择器权重：id选择器>类名选择器>标签选择器     继承权重最低

复杂选择器权重

内嵌式：-- 结构和样式(HTML和CSS)混在同一文件不需要加载外部css文件,加载速度快--电商首页

外链式：在head尾部 link  外部创建class文件  好处分离css   html代码 方便修改

行内式：不要用导致页面混乱

盒子模型：

边框 border :1px  solid（实线）  red

          粗细 dashed虚线   颜色

内边距 padding：10px  20px  30px  40px

1.一个值: 所有

2. 两个值: 上下-左右

3. 三个值: 上-中(左右)-下

4.四个值: 上-右-下-左

外边距 margin：20px

1. 一个值: 所有

2. 两个值: 上下-左右

结构标签 html5

<header>头</header>

       <nav>导航</nav>

       <aside>侧边栏</aside>

       <article>文章块</article>

       <footer>底部</footer>

数据列表

请填写您的座驾：<input type="text"list="zj" />

       <datalist id="zj">

           <option>奔驰</option>

           <option>宝马</option>

           <option>兰博基尼</option>

           <option>奔奔</option>

       </datalist>

输入框非空验证

<input type="text"required=" required"     />

输入框自动聚焦

<input type="text"autofocus="autofocus"     />

输入框自动填充

autocomplete设置为on 默认就是off  name里面的值对应着我们提交的数据所保存的文件夹一样的地方

<input type="text"autocomplete="on" name="pcl"   />

<input type="submit"value="提交" />

圆角属性：

1.样式名 --border-radius--单位像素

2. 一个值: 四个角

3. 四个值:左上 右上 右下 左下 -- 顺时针

4. 两个值:左上和右下 右上和左下

.div1{border-radius:8px ;}

JS

书写位置--script标签内 每个语句使用;结束

var btn = document.getElementById("id值");

定位元素

1. document.getElementById("目标元素id属性值")

2. 注意getElementById大小写--驼峰命名法

设置样式

document.getElementById("元素id属性值").style.样式名="样式 值";

事件

1. 概念:捕捉用户的行为--在什么时候做什么事情

2. 事件三要素:(当事件源发生了事件类型就执行指定命令)

事件源.事件类型 =function() {    执行的命令 }

计算机的定义：可以自动高效进行计算操作的电子设备。

计算机的组成：1.硬件系统 2.软件系统。

硬件划分根据冯诺伊曼理论

硬件系统分为五个部分：1.输出设备2.输入设备3.计算器4.控制器5.存储器

软件系统分为两类：1.操作系统2.应用软件

计数规则：1.二进制--两个基数(0,1)--逢二进一

2.计算机识别二进制原理:高低电位

常见的数字进制有：1.二进制—bin   2.十进制--dec   3.八进制--oct  4.十六进制--hex

基础单位：比特(bit位)--人为规定的小的计量单位

字节(byte字节)--1个字节等于8个比特(1B = 8b)

Dos

命令表格

命令输入	命令作用	注释
time	显示当前时间	需要手动退出才能执行下个 命令
ctrl c	退出当前正在执行的命令
ping 网址	检查当前网址网络是否连  通	可以返回网址对应的ip 和  网络状态
ipconfig -all	显示当前计算机所有网卡 信息	包含  本机ipv4地址与mac 地址
盘符名称: cd 目录名	切换到某个盘符  切换到当前某个子目录下	盘符即c盘 d盘. 当前目录下的子目录
cd ..	返回上一级目录	.. 与cd 之间存在空格
cd /	返回当前盘符根目录	/ 与cd 之间存在空格

dir	将某个目录的内容以列表  形式列出	显示当前目录下的目录与文  件
md 路径/目录	可以新建目录
echo "内容" > 文件名 称	可以间接新建一个带有内  容的文件	DOS中间接新建文件的方式
rd 路径/目录	删除目录	默认只能删除空目录
del 文件	删除文件	只能用来删除文件
rd /s	强制删除非空目录
del 目录	询问是否删除目录里的所  有文件	只删除当前目录下下的一级  子目录
copy 文件原路径 文件 新路径	将文件复制到其它地方	在复制的过程中可以修改名  称

move 文件原路径 文 件新路径

将文件剪切到其它地方

必须进入被剪切文件所在目  录执行

HTML

语法规则：

1.标签分为单标签和双标签

a. 单标签 -- <单标签名称 />

b. 双标签 -- <双标签名称></双标签名称>

2. 属性的语法

a. 键值对

b. 属性名="属性值"

c. <标签名称 属性名1="属性值" 属性名2="属性值">

3. 空格和换行的实现方法

a. 空格实体 -- &nbsp;

b. 换行标签 -- <br />

标签	含义	注意
<h1>一级标题</h1>	标题标签 h1-h6	双标签,共六级
<p>文章段落</p>	段落标签	双标签
<div>大盒子</div>	布局(结构)标签-大盒子	双标签,独占行
<span>小盒子</span>	布局(结构)标签-小盒子	双标签,非独占
<!-- 注释内容 -- >	注释--快捷键ctrl /	源码中可见  运行不显示
<img src="图片路径"/> 属性名="属性值"--键值对语法	图片标签 title-图片标题 alt-图片描述	单标签 title(悬停显示) alt(失败显示

超链接

跳转的连接-- <ahref="http://完整的线上网址">点击的内容</a>

<a href="本地资源路径">点击的内容</a>

表单

元素类型	元素含义	注意
<input type="text" />	普通文本  框	文字内容能够显示  提示内容--placeholder属性
<input type="password" />	密码框	输入内容被星号*代替

<input type="radio"  name="xb" /> <input type="radio"  name="xb" />	单选按钮	每个单选按钮设置相同name 属性值 默认选中checked="checked"
<input type="checkbox" />	复选框/多  选框	可以全选,选一部分  默认选中checked="checked"
<select>  <option>选项1</option> <option>选项2</option>  </select >	下拉框	select--下拉框 option--下拉选项 注意下拉框中选项的数量和  顺序 默认选中selected="selected
<textarea rows="行数" cols="列 数">  </textarea>	文本域	通常大小通过CSS设置  不用rows和cols  禁用大小拖拽-resize:none;
<input type="button"  value="提  示"/>	普通按钮	文字通过value属性设置 普通按钮效果通过js实现
<input type="reset"  value="提示"/>	重置按钮  恢复默认	设置value属性 避免默认内容兼容问题
<input type="submit"  value="提  示"/>	提交按钮	提交表单数据到action指定 的后台程序 设置value属性

无序列表：<ul>

              <li>新闻1</li>

              <li>新闻2</li>

</ul>

有序列表：<ol>

            <li>排行1</li>

               <li>排行2</li>

</ol>

CSS语法：css写在style标签里中  style写在  title后面head上面

选择器：

标签选择器：-- 标签名

Id选择器：#id属性值---------属性值不可重复

类名选择器：.一个类名--------类名可以重复class属性可以有多个类(class="bz ldxns"),用其中一个

复合选择器：

后代选择器：-- 祖先选择器子孙选择器

并集选择器：-- 目标选择器1,目标选择器2,目标选择器3

复合选择器：

选择器权重：id选择器>类名选择器>标签选择器     继承权重最低

复杂选择器权重

内嵌式：-- 结构和样式(HTML和CSS)混在同一文件不需要加载外部css文件,加载速度快--电商首页

外链式：在head尾部 link  外部创建class文件  好处分离css   html代码 方便修改

行内式：不要用导致页面混乱

盒子模型：

边框 border :1px  solid（实线）  red

          粗细 dashed虚线   颜色

内边距 padding：10px  20px  30px  40px

1.一个值: 所有

2. 两个值: 上下-左右

3. 三个值: 上-中(左右)-下

4.四个值: 上-右-下-左

外边距 margin：20px

1. 一个值: 所有

2. 两个值: 上下-左右

结构标签 html5

<header>头</header>

       <nav>导航</nav>

       <aside>侧边栏</aside>

       <article>文章块</article>

       <footer>底部</footer>

数据列表

请填写您的座驾：<input type="text"list="zj" />

       <datalist id="zj">

           <option>奔驰</option>

           <option>宝马</option>

           <option>兰博基尼</option>

           <option>奔奔</option>

       </datalist>

输入框非空验证

<input type="text"required=" required"     />

输入框自动聚焦

<input type="text"autofocus="autofocus"     />

输入框自动填充

autocomplete设置为on 默认就是off  name里面的值对应着我们提交的数据所保存的文件夹一样的地方

<input type="text"autocomplete="on" name="pcl"   />

<input type="submit"value="提交" />

圆角属性：

1.样式名 --border-radius--单位像素

2. 一个值: 四个角

3. 四个值:左上 右上 右下 左下 -- 顺时针

4. 两个值:左上和右下 右上和左下

.div1{border-radius:8px ;}

JS

书写位置--script标签内 每个语句使用;结束

var btn = document.getElementById("id值");

定位元素

1. document.getElementById("目标元素id属性值")

2. 注意getElementById大小写--驼峰命名法

设置样式

document.getElementById("元素id属性值").style.样式名="样式 值";

事件

1. 概念:捕捉用户的行为--在什么时候做什么事情

2. 事件三要素:(当事件源发生了事件类型就执行指定命令)

事件源.事件类型 =function() {    执行的命令 }