软件测试学习

个人笔记4

1、能够知道常见的HTML标签的作用
2、根据测试流程对于黑马头条登录需求进行分析
3、能够对于登录模块提取测试点和设计用例
4、能够使用工具进行记录缺陷

HTML

1.1介绍

• 定义：是用来描述网页的一种语言

• HTML标签：

  • 单标签

  • 双标签内容

• 标签属性：属性格式：属性名=“属性值”

京东

• Web前端三大核心技术
  • HTML负责网页的架构
  • CSS负责网页的样式，美化
  • JS负责网页的行为

1.2骨架标签

1、页面的内容必须在body编写
2、html为根标签，所有标签必须在根标签中
3、head标签为头部标签，一般放title和搜索相关知识。

1.3常用标签

• 标题标签：h1-h6; h1最大

  <h1>我是h1</h1>
  

• 段落标签: 1.独占一行 2.换行使用 3.语义化（浏览器）

  <p>我是段落</p>
  

• 超链接标签: a 属性：href：点击文本跳转链接地址 target：值为_blank时，在新窗口打开

  <a href="http://www.baidu.com"target="_blank"></a>
  <a href="baidu.html">点我打开百度</a>
  

• 图片标签:img 属性：src:加载图片的路径 alt:图片未能加载时，显示信息 title：图片加载，鼠标悬停显示信息（优先级低于alt）测试点：图片必须有title属性（体验感好）

  路径：1.相对路径：相对当前执行所在位置，同级./上一级…/

  ​ 2.绝对路径：D:\commonUse\Wechat\Data

• 换行:
  

• 空格: 

• 布局标签:div :块级元素，独占一行，span：行内元素，一行放多个

• 列表标签：li 有序列表ol>li 无序列表ul>li

• 表单标签

  • input标签：属性值不同

    • text：文本框
    • password：密码框
    • radio：单选（想要做到单选效果必须是同一组才可以，相同的name属性值为一组）
    • checkbox:多选项
    • submit：提交
    • reset:重置
    • button：按钮
      

  • form标签

    1. 作用：提交页面输入数据

    2. 属性：1.action：将数据提交到跳转的那个页面

       ​ 2.method：

       • get（查询使用）:1.参数在url中显示

       ​ 2.速度相对于post快

       ​ 3.提交内容长度有限制

       • post（提交数据使用 eg:登录，注册）：1.参数不在url中显示

       ​ 2.速度相对于get慢

       ​ 3.提交内容长度无限制

扩展：注释：ctrl+/

前端页面注释上线（项目发布）之前，必须检查或删除。

抓包：抓客户端发送服务器的数据包或服务器响应客户端的数据包

常见标签

<script>js语句</script>
<style>css样式<style>
<link src="http://www.xxx.xxx/xx.css"/>