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. Codeforces Round #622 (Div. 2) C1. Skyscrapers (easy version)（简单版本暴力）

    This is an easier version of the problem. In this version n≤1000n≤1000 The outskirts of the capital ...

  2. 传奇脚本：#AutoRun NPC SEC 参数说明

    传奇脚本:#AutoRun NPC SEC 参数说明 SEC:按秒运行MIN:按分运行HOUR:按小时运行DAY:按天运行RunOnDay:按每天什么时候运行RUNONWEEK:按星期几及时间运行机器 ...

  3. vscode 提示 Running save participants 无法保存文件

    今天vscode提示一直在running save participants...中,无法保存文件 control + shift + p打开面板后,输入Reload with extensions ...

  4. 转专业后对于C语言补修的一些体会(1)

    在转入软件工程后,原来的C语言程序设计只有三学分,而信息学院的C语言程序设计有四学分.迫于无奈的我只能再补修一遍C语言,自我认为大一对于C语言的学习已经基本足够,但我发现信息学院用的是不一样的书后,对 ...

  5. git 操作详情

    Git 教程 1.Git 是一个开源的分布式版本控制系统 2.Git 是 Linux Torvalds 为了帮助管理 Linux 内核开发而开发的一个开源版本控制软件 3.Git 与常用的版本控制工具 ...

  6. Notepad++查看文本文件的总的字符数、GBK字节数、UTF8字节数

    如果其编码是 小结:UTF-8编码下,一个汉字占3字节,GBK编码下,一个汉字占2字节:

  7. Could not find a version that satisfies the requirement win32api (from versions: ) No matching distribution found for win32api

    pip install win32api pip install pywin32 都会提示错误,如下: Could not find a version that satisfies the requ ...

  8. redhat7.6 httpd配置php模块

    1.安装php yum install "*php*"   -y 2.编辑httpd.conf配置文件 找到LoadModule foo_module modules/mod_fo ...

  9. nginx 网络层的优化

    TCP三次握手四次挥手 系统层的优化,主动建立连接时的重试次数 net.ipv4.tcp_syn_retries = 6 建立连接时本地端口可用范围:手动可以tiaoz net.ipv4.ip_loc ...

  10. springdata框架

    SpringData jpa:    JPA(Java Persistence API)是当年的 Sun 官方提出的 Java 持久化规范.    Spring Data JPA 是 Spring 基 ...