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元素和测试用例的简要介绍的更多相关文章

  1. [转] Android资源管理框架（Asset Manager）简要介绍和学习计划

    转自:http://blog.csdn.net/luoshengyang/article/details/8738877 Android应用程序主要由两部分内容组成:代码和资源.资源主要就是指那些与U ...

  2. Android资源管理框架（Asset Manager）简要介绍和学习计划

    文章转载至CSDN社区罗升阳的安卓之旅,原文地址:http://blog.csdn.net/luoshengyang/article/details/8738877 Android应用程序主要由两部分 ...

  3. page指令属性简要介绍：

    page指令属性简要介绍: language=”java” 声明脚本语言的种类,暂时只能用”java” extends=”package.class” 标明JSP编译时需要加入的Java Class的 ...

  4. Windows ToolTips简要介绍（转）

    原文转自 https://blog.csdn.net/sesiria/article/details/77450151 Windows 标准控件ToolTips简要介绍 参考文档 MSDN https ...

  5. WCF简要介绍

    什么是WCF WCF的全称是:Windows Communication Foundation.从本质上来说,它是一套软件开发包,是微软公司推出的符合SOA思想的技术框架.WCF为程序员提供了丰富的功 ...

  6. 简要介绍BASE64、MD5、SHA、HMAC几种方法。

    加密解密,曾经是我一个毕业设计的重要组件.在工作了多年以后回想当时那个加密.解密算法,实在是太单纯了.     言归正传,这里我们主要描述Java已经实现的一些加密解密算法,最后介绍数字证书.     ...

  7. [转]Android系统Surface机制的SurfaceFlinger服务简要介绍和学习计划

    转自:Android系统Surface机制的SurfaceFlinger服务简要介绍和学习计划 前面我们从Android应用程序与SurfaceFlinger服务的关系出发,从侧面简单学习了Surfa ...

  8. Activity启动过程简要介绍

    无论是通过点击应用程序图标来启动Activity,还是通过Activity内部调用startActivity接口来启动新的Activity,都要借助于应用程序框架层的ActivityManagerSe ...

  9. Android应用程序的Activity启动过程简要介绍和学习计划

    文章转载至CSDN社区罗升阳的安卓之旅,原文地址:http://blog.csdn.net/luoshengyang/article/details/6685853 在Android系统中,Activ ...

随机推荐

  1. 2020牛客寒假算法基础集训营3 - G. 牛牛的Link Power II(线段树)

    题目链接:牛牛的Link Power II 题意:给你一个只含$0$和$1$的串,定义串的$Link$值为串中两个的$1$之间的距离的和,$(u,v)$和$(v,u)$被看认为是同一对,有$m$次操作 ...

  2. Jenkins+Maven+Github+Springboot实现可持续自动部署(非常详细)

    目前公司开发的项目已经部署到服务器上,部署项目的测试环境和生产环境,加上每个项目n个服务,于是我就 , 骚就是骚,但是就是太累了,于是花点时间研究了一下Jenkins. Jenkins的作用和它的lo ...

  3. Windows server 2012 R2 服务器用户自动锁定

    开启共享文件夹后,发现经常会自动锁定导致,共享用户无法正常访问共享文件夹(原因不明) 解决办法,打开本地安全策略 把账户锁定阈值改为0

  4. 「JSOI2013」游戏中的学问

    「JSOI2013」游戏中的学问 传送门 考虑 \(\text{DP}\) 设 \(dp_{i, j}\) 表示将前 \(i\) 个人分成 \(j\) 个集合,并且第 \(i\) 个人在第 \(j\) ...

  5. Fluent_Python_Part3函数即对象，07-closure-decoration，闭包与装饰器

    第7章 函数装饰器和闭包 装饰器用于在源码中"标记"函数,动态地增强函数的行为. 了解装饰器前提是理解闭包. 闭包除了在装饰器中有用以外,还是回调式编程和函数式编程风格的基础. 1 ...

  6. TreeGrid分页树形表格

    先展示效果图: 加载treegrid的json数据格式有两种: (1)基本的数据结构 [{ , "name":"C", "size":&qu ...

  7. 无刷新的批量图片上传插件.NET版

    啥都不说,先上效果图: 这是一个网上的第三方组件,原版是php的,我用.NET重写了图片上传的处理,下面贴上代码 using System; using System.Collections.Gene ...

  8. 爬虫必备工具-chrome 开发者工具

    在某个网站上,分析和抓取数据,我们用的最多的工具就是 Chrome 开发者工具 01 元素面板 通过元素(Element)面板,我们能查看发哦想抓取页面渲染内容所在的标签.使用什么 CSS 属性(例如 ...

  9. Numpy中rot90函数实现矩阵旋转

    从NumPy的官方完整查到rot90函数语法格式如下: rot90(m, k=1, axes=(0, 1) m是要旋转的数组(矩阵),k是旋转的次数,默认旋转1次,那是顺时针还是逆时针呢?正数表示逆时 ...

  10. 解决CentOS下boost安装后不能使用的问题

    先说一说整个经历. 因为之前没有注意到gcc4.8.5比较旧,就已经安装好boost了,当时已经可以使用了,后来发现gcc太老了,一些软件安装需要比较新的gcc支持,所以决定升级gcc,结果boost ...