软件测试的基本知识（软件测试过程中最基础性的测试）

软件测试的基本知识（软件测试过程中最基础性的测试）
　　web前端三大核心技术1.HTML负责网页的架构2.CSS%20负责网页的样式,美化3.JS%20负责网页的行为

　　软件测试过程中最基础性的测试web前端三大核心技术

　　什么是HTML?

　　是用来描述网页的一种语言，HTML的主要作用：就是让各大浏览器都能够显示同一样的页面

　　%20

　　HTML%20是用来描述网页的一种语言.%20即超文本标记语言

　　%20

　　超:超链接

　　%20

　　文本

　　%20

　　标记语言:是一套标记标签

　　%20

　　HTML不是一种编程语言,而是标记语言,HTML用标签来描述网页,HTML文档也称为网页.Hbuilder简介

　　新建一个HTML网页1.下载%20Hbuilderx%20应用程序2.新建一个写代码的文件夹3.鼠标拖拽到工具左侧%20---项目管理器界面中

　　骨架标签%20

　　新建的时候默认生成的那些标签

　　%20

　　meta%20标签%20可以设置网页上的字符集

　　%20

　　title%20标签%20可以设置网页网站的%20标题

　　%20

　　body标签设置网页的主体内容部分

　　文章标题%20标签

　　空格和回车

　　空格使用%20；换行使用<br%20/>%20；其他写法也可以实现：<br>%20和<br%20>

　　p标签

　　<p></p>%20负责放文章段落，可以使文本分成若干个段落

　　代码注释%20

　　按%20control+/%20：快速注释

　　%20

　　再按：control+/%20：可以取消注释

　　注意：软件上线前，要删除全部注释，否则会影响加载速度

　　文字相关标签

　　1.字体加粗<b></b><strong></strong>

　　2.字体倾斜<i>%20</i><em>%20</em>

　　3.字体添加删除线<!--%20添加删除线%20--><s></s><del></del>%20推荐优先使用

　　工具打开浏览器运行代码

　　方式1

　　方式2

　　键值对，KV对，属性名和属性值

　　1.添加图片

　　img%20src="http://sjzlt.cn/shuma/%20"%20用法

　　2.设置图片长度和宽度width="%20"%20height="%20"用法<img%20src="http://sjzlt.cn/shuma/25.png"%20width="200"%20height="200">

　　4.在图片上添加%20鼠标悬停%20操作

　　title用法<img%20src="http://sjzlt.cn/shuma/25.png"%20width="200"%20title="鼠标悬停%20出现文字">

　　5.设置%20图片未正常加载的情况下会显示内容

　　alt="描述此张图片的信息%20"%20用法1.当图片未正常加载的时候，文字才会被别人看到2.网页阅读器读取此内容给视障用户听，提升用户体验

　　超链接基础语法

　　1.打开网址

　　<a%20href="http://sjzlt.cn/shuma/%20网址%20">%20文本</a>

　　2.打开本地页面：输入文件名.扩展名

　　超链接基础语法进阶

　　<!--%20新窗口打开链接%20-->target="_blank"

　　空连接

　　暂时不知道点击之后跳转到哪里，使用空链接占位

　　补充：测试工作时，如果发现程序员使用#来表达返回顶部效果时，可以提醒程序员使用动画效果实现，用户体验会更好一些

　　相对路径（重点）

　　1.同级查找：当前HTML和目标在同级目录中，语法：直接写资源名字即可2.上级查找：当前HTML和目标在上级目录中，语法：http://sjzlt.cn/写资源的名字即可3.下级查找：当前HTML和目标在下级目录中，语法：文件夹名/写资源名字即可

　　绝对路径（重点）

　　目标资源在电脑中具体的位置

　　列表

　　1.无序列表%20：在<ul></ul>中嵌套<li></li>每一个li就是一个选项%20-->

　　2.有序列表：<!--%20有序列表ol%20嵌套若干个li%20-->

　　布局的标签

　　当没有任何语义的时候，可以使用div或span进行布局，目的是后期css代码可以找到对应标签中的内容来设置样式。（语义标签是有应用场景的%20如%20段落，标题等）

　　布局标签:无任何语义，方便后期设置内容样式

　　<div>各标签内容独占一行</div><span>标签内容合并成一行</span

　　音频标签

　　<audio%20src="http://sjzlt.cn/shuma/音频.mp3"%20controls="controls"></audio>

　　视频标签

　　<video%20src="http://sjzlt.cn/shuma/视频.mp4"%20controls="controls"%20height="200"%20width="200"></video>

　　音频，视频，测试点

　　audio%20音频%20video%20视频测试细节：因历史原因%20导致音，视频版本兼容性低，对于测试工作来说需要测试三大主流浏览器是否能够正常运行，音频，视频。Ie测试低版本（ie7.8.9.10.11）测试方法：打开ie浏览器，按F12%20找到仿真(必须是IE高版本才能测试低版本)什么时候测试低版本：用户要求的情况下%20再测试

　　表单标签

　　<!--%20form%20标签里面就是所有用户填写的表单数据%20-->

　　<!--%20method="post"%20传递数据的方式，post隐式传递，get明文传递%20-->

　　1.表单基础+密码框type="text"普通输入框type="password"密码框

　　2.单选按钮type="radio"%20单选checkde="checked"%20此属性表示%20默认选中状态

　　测试步骤：1.点击查看是否为单选效果2.刷新时是否有默认选中的状态3.点击文字是否可以进行切换

　　3.多选框type="checkbox"%20多选框，复选框checked="checked"%20默认选中

　　测试的细节：1.刷新的时候是否有默认选中的状态2.点击文字是否可以进行切换一切测试要看是否满足用户需求%20-->

　　4.下拉菜单

　　select标签嵌套若干个option标签，每个option标签就代表一个下拉选项测试细节1.下拉选中的内容顺序2.默认选中的状态

　　默认选中的是：郑州

　　5.文本域

　　textarea+tab键测试的细节：1.测试三大主流浏览器外观大小是否一致2.提醒程序员禁用拖拽大小的功能

　　6.按钮

　　关于表单的用户体验提升

　　1.添加placeholder="%20"属性，可以文本框设置提示文字如下图

　　2.可以给第一个输入框设置一个%20默认获取鼠标焦点的属性%20：autofocus%20如下图所示

　　上面就是小居数码小编今天给大家介绍的关于（软件测试过程中最基础性的测试）的全部内容，希望可以帮助到你，想了解更多关于数码知识的问题，欢迎关注我们，并收藏，转发，分享。

　　94%的朋友还想知道的：

　　好用的求职app有哪些（求职找工作软件）

　　教你操作步骤（智能电视怎么装第三方软件）

　　macbook装机必备的软件推荐（mac电脑装机必备软件）

　　记账小工具推荐2023（记账小软件哪个好）



　　156538
 

版权声明：本站所有文章皆为原创，欢迎转载或转发，请保留网站地址和作者信息。

很赞哦！ ()