HTML和CSS的基本语法就不出教程，线下自己看电子书即可
HTML元素
- 标签
- 内容
- 属性
标签+内容+属性
<html> ?<head> ???<title>我的主页</title> </head> <style> ?body{font-size:12px;} ?#mydiv1 {width:500px;padding:0;margin:0} ?#mydiv2 {width:400px;padding:0;margin:0}.mydiv {padding:10px;}</style> ?<body> ???<div id="mydiv1" class="mydiv">这里为内容</div> ???<div id="mydiv2" class="mydiv"> ???????????<img src="123.png" width="120px" height="200px"> ???</div> ???<input type="text" name="tx" disable style="color:red"/> ???<input type="button" name="btn" /> ???<input type="raddio" name="ra" /> ???<input type="check" name="ch" disable/> ???<input type="submit" name="su" disable ids="自定义属性"/> </body></html>代码分析
- 代码中的
html,head,body等这些都是标签 这里为内容就是标签的内容- 标签中的
id="mydiv1" class="mydiv"等这些内容都是属性- 有些属性是内置的约定俗成的属性，如
id,cass,width等等 - 有些属性是程序员自己定义当然属性，如
ids="自定义属性"，这些就是自定义属性，自定义属性一般是为了扩展前端和后台的交互设定的
- 有些属性是内置的约定俗成的属性，如
<input>这些标签的状态一定要注意- 如
disable表示不可输入，不可点击
- 如
测试用例
什么是测试用例?
- 测试工程师根据原型交互和crd需求文档，分解成不同的测试点
- 测试工程师根据分解的测试点，来进行测试
- 测试用例是测试工程师的核心工作技能
- 功能，性能，安全，接口都是以测试用例驱动的
测试用例的6要素
- 测试标题
- 前置条件
- 测试步骤
- 期望结果
- 实际结果
- 是否通过
结合上面代码举例
- 测试标题：我的主页页面展示
- 前置条件：登录成功
- 测试步骤：打开我的主页，查看页面元素
- 期望结果：
- 页面内容和样式显示正确
- 输入框，不可点击
- 点击submit提交按钮后，页面刷新，页面数据显示正确
- 实际结果
- 输入框，可以点击
- 是否通过
- 失败(失败后，就要去提BUG)
其他
- 下一篇的预告：结合项目编写测试用例
在微信公众号搜索xiaobaiji008，和我一起进步，你也可以扫描下面二维码进行关注
HTML元素和测试用例的简要介绍
原文地址：https://www.cnblogs.com/shiker/p/10582657.html