软件测试基础01--认识html

最新推荐文章于 2024-02-07 11:37:53 发布

Younglin666

最新推荐文章于 2024-02-07 11:37:53 发布

阅读量304

点赞数 1

本文链接：https://blog.csdn.net/IBM06602/article/details/108541112

版权

1.系统要求

windos系统 推荐win10
硬件的要求:
1.推荐cpui5以上 
2.硬盘500G以上 
3.内存推荐8G以上

2.day01需要大家安装的软件

typora-setup-x64 这是一个记笔记的软件安装方式 (傻瓜式安装和安装QQ一样)
福昕阅读器V4.3.1.0218这是一个pdf格式阅读器 (傻瓜式安装)
hbuilderX

3.测试行业优点

人才缺口大
发展方向广
专业无限制
适合0基础学员
技术上手快
职业生涯稳

4.为什么需要软件测试专业

为了减少经济损失. 有的人喜欢创造世界选择了开发.有的人喜欢拯救世界选择了测试.

5.测试的定义

软件测试是指通过人工或者工具对被测对象进行测试.验证预期结果和实际结果是否一致.

6.测试方向

功能测试。
1.pc端上的软件  比如刚刚我举例 计算器  QQ 迅雷.....
2.京东 淘宝 .....
3.移动端(android 和 ios) 微信 QQ 

自动化测试。 
web自动化测试.
app的自动化测试.
性能测试。

7.html定义

定义：指的是超文本标记语言
超文本:超出了文本的范畴,这个html语言不仅可以表示文本还可以表示其他数据(音频 视频 图片等.)
标记: 就是标签.是官方定义的一些具体有固定含义的内容.比如 <div> </div> <a></a>
html不是编程语言.是一种标记语言.

8.html的标签

html骨架标签:
<!DOCTYPE html> <!--ctrl + shift + / 文档的声明 --> 
<html> <!-- 称之为是网站最大的标签  所有的内容都要放到这个标签里面-->
	<head> <!-- 称为网页的头部-->
		<meta charset="utf-8" /> 
		<title>百度一下,你就不知道</title> <!-- 代表网页的标题-->
	</head>
	<!-- 代表网页的主体内容 -->
	<body>
		智酷道捷
	</body>
</html>

标题标签:h1-h6构成
		<h1>智酷道捷</h1>
		<h2>智酷道捷</h2>
		<h3>智酷道捷</h3>
		<h4>智酷道捷</h4>
		<h5>智酷道捷</h5>
		<h6>智酷道捷</h6>
h1最大 依次递减 h6最小.

段落标签<p>里面放具体的内容 当浏览器解析的时候 会自动换行 </p>
<p>床前明月光,疑是地上霜</p>
<p>举头望明月,低头思故乡</p>

font字体标签
<font color="red" size="7" face="bodoni mt black">智酷道捷</font>
color表示颜色. 通过具体的颜色单词可以表示.也可以使用十六进制表示颜色.  
size表示大小 取值范围是从1-7 1是最小7是最大 如果超过7也按7显示.
face:表示指定字体

div span table布局标签
div和span区别
div会自动换行 span不会自动换行
目前主流互联网公司使用div+css进行网页的布局,非互联网公司和传统的公司为了做网页方便使用table.
table是由行和列构成 
tr表示行
td表示列

<img>标签 
src路径:
相对路径:以当前文件夹进行查找 aa\aa.txt
--平级
--上级
--下级 使用这种写法比较多。
绝对路径:以盘符进行查找 C:\Users\sdasdasd\Desktop\abc
width：代表宽度
height：代表高度
title：代表提示作用 ：当鼠标放到图片上回进行显示。

<a>标签 代表超链接 
href连接到具体网站 比如<a href="http://www.baidu.com" target="_blank">百度一下</a>
还可以连接到本地的网页 <a href="index2.html">测试</a>
target='_blank'代表以新开标签页打开网页
通过超链接可以实现回到网页顶部效果.
<a href="#top">回到顶部</a>

 
列表标签 
--自定义列表
--有序
--无序

form表单
作用:收集用户的信息
通过action指定具体要提交的网址.
构成:<form></form> form表单内部大多数都是由input标签构成 
普通的输入框<input type = text>
密码框 <input type=password>
单选按钮 <input type=radio>
复选框:<input type = checkbox>
下拉框:
<select>
  <option>高中</option>
  <option>大专</option>
  <option>本科</option>
</select>
文本域 <textarea></textarea>
提交按钮和重置按钮 
<input type='submit'> 提交
<input type='reset'>  使数据恢复到默认值状态.

https://www.baidu.com/?sex=on 
https://www.baidu.com/username=zhangsan&password=123&sex=on&hobby=on&xueli=本科

https://www.baidu.com/?username=zhangsan&password=123&sex=male&hobby=on&xueli=%E6%9C%AC%E7%A7%91

https://www.baidu.com/?username=&password=&hobby=1&hobby=2&xueli=%E6%9C%AC%E7%A7%91
name属性作用:我们想提交数据 必须的给每个标签添加一个name属性 通过name数据向后台提交数据
value属性:给标签添加默认值.

给form标签添加默认值:
普通输入框,密码框 加默认值使用value属性
单选框和复选框加默认值 使用的是checked属性 checked='checked'
下拉选择框加默认值使用的是 selected='selected'
文本域加默认值:直接在两个标签对之间加数据
给提交和重置按钮加默认值使用value属性. 提交和重置按钮不同浏览器有兼容性的问题.

get方式提交数据特点:
1.组拼url地址的形式提交数据.
2.提交的数据是明文不安全.
3.提交的数据大小有限制.不能超过1kb或者4kb 
补充:数据单位 
字节 kb MB GB TB PB
1字节=8bit
1kb=1024.
1MB = 1024kb
1GB =1024Mb

post提交:
1.post方式提交数据地址栏不会发生改变
2.post是以请求体的方式提交,比get方式提交数据更安全
3.post提交数据是没有大小限制的.
邮箱 上传附件:post请求.
    是否支持断点续传.电影 下了一半 下次连网后继续下载 继续上次的位置继续下.
    上传到服务器的大小是否有限制. 100M上传文件大小1G
    上传的时候.多用户进行上传操作.....

9.五大浏览器

ie
谷歌
火狐
苹果safari
欧鹏

10.表单案例

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>form表单练习</title>
	</head>
	<body>
		邮箱地址:<input type="text" placeholder="请输入邮箱地址" /> @ 
		<select>
			<option>163.com</option>
			<option>126.com</option>
			<option>139.com</option>
		</select><br />
		<br/>
		密码:<input type="password"/>
		<br/><br/>
		性别:男<input type="radio" name='sex' /> 女<input type="radio" name="sex" />
		<br/><br/>
		验证码:<input type="text" /> <img src="img/verycode.gif" />
		<br/><br/>
		<!-- input type=button代表是一个普通按钮 -->
		<input type="button" value="免费获取验证码" />
		<br/><br/>
		备注:
		<br/><br/>
		<textarea></textarea>
		<br/><br/>
		<input type="checkbox"  checked="checked"/>同意<a href="#">服务条款</a> "隐私权相关的政策"
		<br/><br/>
		<input type="submit" value="提交" /><input type="reset"  value="重置"/>
		
	</body>
</html>
input placeholder的属性提示的作用
input button属性 代表是一个普通的按钮.