技术笔记

因为才学习了不到两个星期，实在没有什么技术可以跟大家交流探讨。在这里将我日常上课的学习笔记分享给大家，如果有不完整的地方或是不正确的地方，希望大家多多指教。

计算机基础

1，计算机是由硬件系统和软件系统组成

2硬件系统的五大组成部分：输入系统 输出系统  计算器 处理器  存储器（计算器和处理器又合称CPU）

3软件系统是由系统软件和应用软件组成

常见的系统软件

1.电脑系统软件有windows  mac os  linux

2客户端软件有 Android  IOS

3 服务器软件系统有 Linux  Windows server

3软件系统:运行在操作系统上的软件

DOS常见命令
1.切换盘符----- 具体的盘符名称: 【 盘符就是代表当前盘的名称 】

2.切换目录----- cd 目录名称 【 change directory 】

3.回退 ---------- cd ..    cd / 分别表示向上退一级，和直接返回根目录

4. (1)新建目录：  md 目录名称

(2)新建文件：  echo 输出的内容>文件名称

5.删除：【 rd del   remove direcotry  delete 】

(1)删除目录：rd 目录名称【 默认只能删除空目录，且不能删除文件 】

(2)删除非空目录： rd /s 目录名称

(3)删除文件： del 文件

Ping 网址：可以查看网路联通情况

Ipconfig-all：查看本地连接和ip地址

1.WWW : 万维网，对于我们来说就理解为是一种基于 HTTP://协议和超文本传输语言的一种信息交换系统。

2.客户端就是用户用于访问资源的设备，服务端就是给用户提供访问支持的设备。

3.url:直观的说它就是我们写在浏览器 地址栏 里的一长串字符，包含的内容有：协议 域名 端口号 路径 参数。

4.网站：就是由多个网页组合而成的一套内容。

5.网页：它就是一个包含文字 图片 声音 视频  超链接..... 内容的 HTML 页面

注：01 网页的本质就是 HTML 页面，HTML的作用就是拿来写页面。

02 开发人员写的是HTML 代码，普用户看得是图片界面，这中间需要浏览器将代码解析成相应的界面展示

HTML 发展

之前互联网上不存在 HTML 语言，大家只能传输文本内容，后来慢慢出现的了 HTML ，此时它会有一个最初的语言版本叫 html1.0 目前市面主推的是HTML5.0

2.W3c 组织的作用就是负责来制定该语言相关的一套标准。

HTML 网页骨架
1.DOCUTYPE html  : 用来告诉浏览器当前的文档类型是  html  格式。

2.Html : 我们称之为叫网页的根标签，它是最大的一个标签。

3.Head: 头部标签，它里面放置的内容一般是给浏览器和搜索引擎看的。

4.Meta: 这是一个可以重复使用的标签，最常见的用法就是用来设置字符编码和网页的提示信息。

5.Title: 定义网页的标题，它里面的内容会
6.显示在浏览器的标签页上。
7.Body: 网页的主体标签，只要想在浏览器窗口中显示一些内容，那么就必须将它写在body 之间。

HTML基本语法
1.注释：在写代码的时候有一些内我们只希望在源码中出现而不用在界面上做展示。

2.添加和删除注释都是  ctrl + ?【 英文输入法 】 <!-- -->

3.标签的分类： 单标签和双标签
<单标签 /> <br />

<双标签></ 双标签>

4.HTML在使用的时候允许标签之间可以嵌套使用，但是不能交叉。

5.在 HTML 当中使用   实现空格

6.在  HTML 当中使用 br 来实现换行。快捷键 shift+enter

常见的HTML标签
1.标题标签
<h?></h?> ?表示从1到6

2.段落标签
<p>双标签</p>

3.Div标签
<div>大盒子</div>

4.Span标签
<span>小盒子</span>

标签属性
<Img scr =” ” />

注：
1.Src : 可以用来书写图片存的位置。

2.Alt: 设置图片的说明性文字，在当前图片不能正常加载的时候会显示这里的文字内容。

3.Title : 设置图片提示性文字，当鼠标悬停在图片上方的时候会显示出来

4.Width | height: 分别设置图片的宽和高，如果只设置其中的一个值，那么另外一边会按着原图的宽高比进行缩放显示。

5.Border: 设置当前边框的粗细。

超链接标签
<a href=” 目标网页的地址( 路径 ) ”>界面上显示的文字</a>

1.空链接： 可以在href属性值里设置 # ,好处就在于不跳转的同时也不会刷新页面。

2.新窗口打开： 在 a 标签的身上添加一个 target 属性，将它的值设置为 _blank 。

路径【掌握】

1.定义和作用：查找目标资源所走过的 “路”。

2.路径分类：

(1)绝对路径：一般是以盘符为起点查找资源，但是不建议使用，因为我们不能保证所有人的电脑路径设置都是一样的。

(2)相对路径：一般以（ 网页文件 ）为起点，去查找目标资源( 图片 )

①同级路径：同级指的就是网页文件和图片在同一级别目录，此时我们只需要在路径中写入图片的名称即可

②上级路径：上级指的就是图片在网页文件的上级目录当中，此时需要使用 .. 向上回退，然后再使用 / 进行查找（ ../../ ）

③下级路径：下级指图片在网页的下级目录，此时只需要使用 / 向下查找就行( img1/img2/img3/4.jpg )

Form 基本介绍

1.表单的定义：在互联网页中用于收集和提交用户信息的一种结构。其实就是一类 HTML标签。

2.标签语法：

<form action=”” method=””> <form >

// 此标签对之间就是用来书写具体的表单内容的

注：

1.Action属性值的作用是用来定义这张表单里的数据将来要提交到哪里。

2.Method: 属性值的作用是用来定义当前数据的提交方式，其中最常见的二种方式就是 get【 这种提交方式就是将数据写在 url 地址的后面明文传输到目标地址 】 和  post 。

常见的表单元素

1.表单元素我们可以理解为是放在form 里面真正用来让用户填写内容的 “元素”，在HTML 当中我们可以将常见的表单元素分成二类，

(1)input类：这类的标签名称都叫input ，然后通过设置不同的type类型值来做成具体不同的展示形式。

①文本输入框： text

②密码输入框： password

③单选框： radio

④复选框： checkbox

⑤提交按钮： submit

⑥重置按钮： reset

⑦普通按钮： button

(2)非input类

①下拉菜单： select   option 这是二个双标签，select 表示下拉结构整体，而option 可以用来设置具体下拉选项。默认情况下显示的是第一项，可以通过selected 属性来更改默认的显示项。
  ②文本域： textarea 它是一个双标签，与input 输入框的区别在于内容超出的时候会自动换行
二、表单元素属性：

1．Name: 添加在 input 标签的身上，本质就相当于是给对应的数据起名字。

2．Value: 可以用来设置一些 Input 标签在界面上展示的内容。

3．Checked: 这是一个属性值等于属性名的属性，可以用来设置单选框和复选框默认选中。

4．Selected: 设置下拉菜单当中的某一项默认显示。

技术笔记

因为才学习了不到两个星期，实在没有什么技术可以跟大家交流探讨。在这里将我日常上课的学习笔记分享给大家，如果有不完整的地方或是不正确的地方，希望大家多多指教。

计算机基础

1，计算机是由硬件系统和软件系统组成

2硬件系统的五大组成部分：输入系统 输出系统  计算器 处理器  存储器（计算器和处理器又合称CPU）

3软件系统是由系统软件和应用软件组成

常见的系统软件

1.电脑系统软件有windows  mac os  linux

2客户端软件有 Android  IOS

3 服务器软件系统有 Linux  Windows server

3软件系统:运行在操作系统上的软件

DOS常见命令
1.切换盘符----- 具体的盘符名称: 【 盘符就是代表当前盘的名称 】

2.切换目录----- cd 目录名称 【 change directory 】

3.回退 ---------- cd ..    cd / 分别表示向上退一级，和直接返回根目录

4. (1)新建目录：  md 目录名称

(2)新建文件：  echo 输出的内容>文件名称

5.删除：【 rd del   remove direcotry  delete 】

(1)删除目录：rd 目录名称【 默认只能删除空目录，且不能删除文件 】

(2)删除非空目录： rd /s 目录名称

(3)删除文件： del 文件

Ping 网址：可以查看网路联通情况

Ipconfig-all：查看本地连接和ip地址

1.WWW : 万维网，对于我们来说就理解为是一种基于 HTTP://协议和超文本传输语言的一种信息交换系统。

2.客户端就是用户用于访问资源的设备，服务端就是给用户提供访问支持的设备。

3.url:直观的说它就是我们写在浏览器 地址栏 里的一长串字符，包含的内容有：协议 域名 端口号 路径 参数。

4.网站：就是由多个网页组合而成的一套内容。

5.网页：它就是一个包含文字 图片 声音 视频  超链接..... 内容的 HTML 页面

注：01 网页的本质就是 HTML 页面，HTML的作用就是拿来写页面。

02 开发人员写的是HTML 代码，普用户看得是图片界面，这中间需要浏览器将代码解析成相应的界面展示

HTML 发展

之前互联网上不存在 HTML 语言，大家只能传输文本内容，后来慢慢出现的了 HTML ，此时它会有一个最初的语言版本叫 html1.0 目前市面主推的是HTML5.0

2.W3c 组织的作用就是负责来制定该语言相关的一套标准。

HTML 网页骨架
1.DOCUTYPE html  : 用来告诉浏览器当前的文档类型是  html  格式。

2.Html : 我们称之为叫网页的根标签，它是最大的一个标签。

3.Head: 头部标签，它里面放置的内容一般是给浏览器和搜索引擎看的。

4.Meta: 这是一个可以重复使用的标签，最常见的用法就是用来设置字符编码和网页的提示信息。

5.Title: 定义网页的标题，它里面的内容会
6.显示在浏览器的标签页上。
7.Body: 网页的主体标签，只要想在浏览器窗口中显示一些内容，那么就必须将它写在body 之间。

HTML基本语法
1.注释：在写代码的时候有一些内我们只希望在源码中出现而不用在界面上做展示。

2.添加和删除注释都是  ctrl + ?【 英文输入法 】 <!-- -->

3.标签的分类： 单标签和双标签
<单标签 /> <br />

<双标签></ 双标签>

4.HTML在使用的时候允许标签之间可以嵌套使用，但是不能交叉。

5.在 HTML 当中使用   实现空格

6.在  HTML 当中使用 br 来实现换行。快捷键 shift+enter

常见的HTML标签
1.标题标签
<h?></h?> ?表示从1到6

2.段落标签
<p>双标签</p>

3.Div标签
<div>大盒子</div>

4.Span标签
<span>小盒子</span>

标签属性
<Img scr =” ” />

注：
1.Src : 可以用来书写图片存的位置。

2.Alt: 设置图片的说明性文字，在当前图片不能正常加载的时候会显示这里的文字内容。

3.Title : 设置图片提示性文字，当鼠标悬停在图片上方的时候会显示出来

4.Width | height: 分别设置图片的宽和高，如果只设置其中的一个值，那么另外一边会按着原图的宽高比进行缩放显示。

5.Border: 设置当前边框的粗细。

超链接标签
<a href=” 目标网页的地址( 路径 ) ”>界面上显示的文字</a>

1.空链接： 可以在href属性值里设置 # ,好处就在于不跳转的同时也不会刷新页面。

2.新窗口打开： 在 a 标签的身上添加一个 target 属性，将它的值设置为 _blank 。

路径【掌握】

1.定义和作用：查找目标资源所走过的 “路”。

2.路径分类：

(1)绝对路径：一般是以盘符为起点查找资源，但是不建议使用，因为我们不能保证所有人的电脑路径设置都是一样的。

(2)相对路径：一般以（ 网页文件 ）为起点，去查找目标资源( 图片 )

①同级路径：同级指的就是网页文件和图片在同一级别目录，此时我们只需要在路径中写入图片的名称即可

②上级路径：上级指的就是图片在网页文件的上级目录当中，此时需要使用 .. 向上回退，然后再使用 / 进行查找（ ../../ ）

③下级路径：下级指图片在网页的下级目录，此时只需要使用 / 向下查找就行( img1/img2/img3/4.jpg )

Form 基本介绍

1.表单的定义：在互联网页中用于收集和提交用户信息的一种结构。其实就是一类 HTML标签。

2.标签语法：

<form action=”” method=””> <form >

// 此标签对之间就是用来书写具体的表单内容的

注：

1.Action属性值的作用是用来定义这张表单里的数据将来要提交到哪里。

2.Method: 属性值的作用是用来定义当前数据的提交方式，其中最常见的二种方式就是 get【 这种提交方式就是将数据写在 url 地址的后面明文传输到目标地址 】 和  post 。

常见的表单元素

1.表单元素我们可以理解为是放在form 里面真正用来让用户填写内容的 “元素”，在HTML 当中我们可以将常见的表单元素分成二类，

(1)input类：这类的标签名称都叫input ，然后通过设置不同的type类型值来做成具体不同的展示形式。

①文本输入框： text

②密码输入框： password

③单选框： radio

④复选框： checkbox

⑤提交按钮： submit

⑥重置按钮： reset

⑦普通按钮： button

(2)非input类

①下拉菜单： select   option 这是二个双标签，select 表示下拉结构整体，而option 可以用来设置具体下拉选项。默认情况下显示的是第一项，可以通过selected 属性来更改默认的显示项。
  ②文本域： textarea 它是一个双标签，与input 输入框的区别在于内容超出的时候会自动换行
二、表单元素属性：

1．Name: 添加在 input 标签的身上，本质就相当于是给对应的数据起名字。

2．Value: 可以用来设置一些 Input 标签在界面上展示的内容。

3．Checked: 这是一个属性值等于属性名的属性，可以用来设置单选框和复选框默认选中。

4．Selected: 设置下拉菜单当中的某一项默认显示。