web前端基础学习1– 计算机基础、web、HTML

软件测试基础学习一

1. 计算机基础知识
2. WEB网站
3. HTML——架构
4. CSS——美化
5. JS——互动

计算机基础知识

1.计算机定义：
计算机是一种可以自动高效进行计算操作的电子设备，俗称电脑（PC）
2.计算机的基本特点：
可以完成数学和逻辑运算
进行数据的记忆和存储
可在指令下自动高效的进行计算
3. 计算机的组成：
硬件系统与软件系统
硬件系统
输入设备 输出设备 计算器 控制器 存储器
【内存:断电消失，分为只读ROM和随机RAM ；外存即硬盘 ； 内存速度快】
软件系统
系统软件（操作系统）+应用软件
a.常见操作系统软件：
图形化（桌面）：windows； Linux ；MacOS
移动设备：android ；IOS
服务器: Linux（开源） ；windows server(收费)
b.应用软件:安装在操作系统上的第三方功能软件
4.二进制：
原理:1和0；高低电平 ；真和假
优点：简单 稳定 ；与逻辑运算中真假对应 ；方便转换成十进制
常见进制转换： 二 八 十 十六
5.编码
ascii码 ：字母、数字、特殊符号的对应码
字符集：中文：UTF8国际编码
6.计算机中计量单位
bit B KB MB GB TB PB 的关系
7.DOS命令使用（为使用Linux奠定基础）
time：显示当前时间
ctrl+c：退出当前命令
shutdown /s /t 秒数：自动关机
shutdown /a：清除自动关机
ping 网址 （以太网适配器 以太网：物理地址才是电脑的MAC地址 唯一）：查找目标电脑和当前电脑的连通情况
ioconfig -all：显示网络情况
上下箭头：查看最近使用的命令
盘符名称： 切换盘符
cd ：进入文件目录
cd …：返回上一级
cd /：返回当前盘根目录
dir：将某目录的内容以列表形式列出
md 路径/目录：新建文件
echo”内容”>文件名称：创建有内容的文件
rd 路径/目录：删除目录
del 文件：删除文件
copy 文件原路径 文件新路径 ：复制文件
move 文件原路径 文件新路径 ：剪切文件
rd 路径/目录 /s：强制删除非空目录

Web

1.www：万维网：网站服务
2.网页：由前端开发，通过浏览器来解析成图形界面
3.网站： 基于HTTP和HTML的跨平台分布式图形信息系统。

HTML

1.默认5.0版本
2.W3C组织负责
3.网页骨架

4.工具 HBuilder
5.标签和语法
单/双标签 ：可嵌套，但不可交叉嵌套
换行 和空格
a.双标签
1.1标题标签： h1-h6 共六级标题
1.2段落标签： p
1.3文字标签:弱语义：
b 文字加粗 ; s 删除线 ; i 斜体
对应的强语义：
strong 文字加粗 ; del 删除线 ; em 斜体
【strong 最多出现两次】
1.4布局标签 :
div 大盒子 独占一行！
span 小盒子
div > p > span
超链接:

若不想跳转：

【一个#具有返回顶部的作用，无碍。
跳转到线上网站时需要加http:// 】
代码注释：上线之前要删除注释代码！

b.单标签
图片标签：
属性名=属性值 这个格式是键值对 :一个标签可有多个键值对。
图片标签常见属性 ：
src：图片资源路径地址
title：鼠标悬停时的提示文字
alt：图片无法正常加载时给用户的提醒文字
width：宽度
height：高度 【宽和高只设置其中一个，另一个会按原图等比例缩放】
路径：相对路径（上级：用…/来向上找；下级：通过/来向下找；同级：写图片名称即可） 与 绝对路径（不用，因为代码没有移植性）

表单：用来收集用户数据，并提交到后台的一个HTML模块 用from标签：只负责定义表单模块，格式如下：

表单域内容

method：方法有get（明文）) post （稍稍加密）
表单域里的input标签：单标签
属性：
type ：类型
value：定义默认展示文字内容
name ：命名，给后台看的
placeholder：提示文字
举例： 用户名
常见的表单元素：
文本输入框:text
密码框：password
单选框：radio
复选框：checkbox
增强用户体验 点击区域要扩大

下拉框：

文本域：

普通按钮：button
重置按钮：reset
提交按钮：submit 【三个的value值最好都要写！！！】
注意细节：
1.name相同 ，实现单选效果；
2.文本域不可被用户更改,取消文本框右下角按钮 :

3.查看默认选项是否符合要求：
3.1单选和复选：checked=checked；下拉：selected=selected.
形如：checked=checked时，可以只写属性checked.
4.查看下拉选项数是否符合要求

列表标签：

标签要用的准确才能保证标签语义化能得到最好的体现

PS:笔记借鉴于软件测试视频课程，自己总结了一下~~

有志者事竟成！！！ 继续加油 !!!

文章知识点与官方知识档案匹配，可进一步学习相关知识网络技能树认识身边的计算机网络常见的网络设备22110 人正在系统学习中

来源：ヅLucky_triplex