计算机基础
1,计算机是由硬件系统和软件系统组成
硬件:对于计算机来说就是那些我们看得见摸得着的物理设备
软件:软件就是运行在机器中操控硬件、实现指定功能的程序集合
2硬件系统根据冯诺伊曼理论分为五大组成部分:输入设备,输出设备,计算器,控制器,存储器。
3软件系统是由系统软件和应用软件组成
4 常见的系统软件
1.电脑系统软件有windows macos linux
2客户端软件有 安卓 苹果
3 服务器软件系统有 Linux Windowsserver
5.字符集:
ASC码表是第一张编码表,英文只有26个字母,再加上标点符号,换行符等等一共256个对应字符。
utf-8是万国码,有包括中文在内许多语言。
GBK是只包含中文的编码规则。
6.DOS常见命令
1.切换盘符----- 具体的盘符名称: 【 盘符就是代表当前盘的名称 】
2.切换目录----- cd 目录名称 【 change directory 】
3.回退 ---------- cd .. cd / 分别表示向上退一级,和直接返回根目录
4.新建:【 make directory 】
(1)新建目录: md 目录名称
(2)新建文件: echo 输出的内容>文件名称
5.删除:【 rd del remove direcotry delete 】
(1)删除目录:rd 目录名称【 默认只能删除空目录,且不能删除文件 】
(2)删除非空目录: rd /s 目录名称
(3)删除文件: del 文件名
Del 目录【 询问是否要删除当前目录下的所有一级子目录中的文件 】
Ping 网址:可以查看网路联通情况。域名对应一台电脑。如www.baidu.com对应的是一台电脑,百度的服务器。
可以用ping www.baidu.com尝试,返回baidu服务器ip
Ipconfig-all:查看本地连接和ip地址
Web 相关的名词
1.WWW : 万维网,对于我们来说就理解为是一种基于 HTTP协议和超文本传输语言的一种信息交换系统。
2.客户端就是用户用于访问资源的设备,服务端就是给用户提供访问支持的设备。
3.URL直观的说它就是我们写在浏览器 地址栏 里的一长串字符,包含的内容有:协议 域名 端口号 路径 参数。
4.网站:就是由多个网页组合而成的一套内容。
5.网页:它就是一个包含文字 图片 声音 视频 超链接..... 内容的 HTML 页面
注:
01 网页的本质就是 HTML 页面,HTML的作用就是拿来写页面。
02 开发人员写的是HTML 代码,普用户看得是图片界面,这中间需要浏览器将代码解析成相应的界面展示
HTML 发展
1.之前互联网上不存在 HTML 语言,大家只能传输文本内容,后来慢慢出现的了 HTML ,此时它会有一个最初的语言版本叫 html1.0 目前市面主推的是HTML5
2.W3c 组织的作用就是负责来制定该语言相关的一套标准。
3.浏览器生厂商它用就负责制造浏览器给用户提供上网浏览器页面。
4.HTML 网页骨架
1.DOCUTYPE html : 用来告诉浏览器当前的文档类型是 html 格式。
2.Html : 我们称之为叫网页的根标签,它是最大的一个标签。
3.Head: 头部标签,它里面放置的内容一般是给浏览器和搜索引擎看的。
4.Meta: 这是一个可以重复使用的标签,最常见的用法就是用来设置字符编码和网页的提示信息。
5.Title: 定义网页的标题,它里面的内容会
6.显示在浏览器的标签页上。
7.Body: 网页的主体标签,只要想在浏览器窗口中显示一些内容,那么就必须将它写在body 之间。
5.HTML基本语法
1.注释:在写代码的时候有一些内我们只希望在源码中出现而不用在界面上做展示。
2.添加和删除注释都是 ctrl + ?【 英文输入法 】 <!-- -->
3.标签的分类: 单标签和双标签
<单标签 /> <br />
<双标签></ 双标签>
4.HTML在使用的时候允许标签之间可以嵌套使用,但是不能交叉。
5.在 HTML 当中使用 实现空格
6.在 HTML 当中使用 br 来实现换行。快捷键 shift+enter
6.常见的HTML标签
1.标题标签
<h?></h?> ?表示从1到6
2.段落标签
<p>双标签</p>
3.Div标签
<div>大盒子</div>
4.Span标签
<span>小盒子</span>
7.标签属性
<Img scr =” ” />
注:
1.Src : 可以用来书写图片存的位置。
2.Alt: 设置图片的说明性文字,在当前图片不能正常加载的时候会显示这里的文字内容。
3.Title : 设置图片提示性文字,当鼠标悬停在图片上方的时候会显示出来
4.Width | height: 分别设置图片的宽和高,如果只设置其中的一个值,那么另外一边会按着原图的宽高比进行缩放显示。
5.Border: 设置当前边框的粗细。
8.超链接标签
<a href=” 目标网页的地址( 路径 ) ”>界面上显示的文字</a>
1.空链接: 可以在href属性值里设置 # ,好处就在于不跳转的同时也不会刷新页面。
2.新窗口打开: 在 a 标签的身上添加一个 target 属性,将它的值设置为 _blank 。
9.路径【掌握】
1.定义和作用:查找目标资源所走过的 “路”。
2.路径分类:
(1)绝对路径:一般是以盘符为起点查找资源,但是不建议使用,因为我们不能保证所有人的电脑路径设置都是一样的。
(2)相对路径:一般以( 网页文件 )为起点,去查找目标资源( 图片 )
①同级路径:同级指的就是网页文件和图片在同一级别目录,此时我们只需要在路径中写入图片的名称即可
②上级路径:上级指的就是图片在网页文件的上级目录当中,此时需要使用 .. 向上回退,然后再使用 / 进行查找( ../../ )
③下级路径:下级指图片在网页的下级目录,此时只需要使用 / 向下查找就行( img1/img2/img3/4.jpg )
10.Form 基本介绍
1.表单的定义:在互联网页中用于收集和提交用户信息的一种结构。其实就是一类 HTML标签。
2.标签语法:
11.<form action=”” method=””> <form >
// 此标签对之间就是用来书写具体的表单内容的
12.注:
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: 设置下拉菜单当中的某一项默认显示。 |
|