软件测试工程师学习笔记 -7
- 入门必读
-
- 4. 项目实战——HTML篇
-
- 1）目标
- 2）知识点
- 3）总结
入门必读
基础入门目标五天结束，能独立完成功能测试过程。
4. 项目实战——HTML篇
1）目标
- 能说出常见的html标签（10+）的作用
- 项目（登录）测试
2）知识点
- HTML介绍
- HTML是用来描述网页的一种语言
- Web前端三大核心技术：
– HTML：负责网页的架构
– css:负责网页的样式、美化
– JS：负责网页的行为- HTML标签分为单标签和双标签内容
- 标签属性格式：属性名 = “属性值”，例如：
- HTML骨架标签
- html：根标签，所有内容都在html标签中
- head：头部标签
- body：身体标签（代码编写区域）
编写HTML工具
常用标签
- 标题标签：h1~h6，h1最大，h6最小
- 示例：
- 段落标签：p，特点是语义化、独占一行
- 示例：
- 超链接标签：a，属性：href为跳转地址，target为新窗口打开
- 示例：
- 图片标签：img
- 属性：
src 图片路径、title 悬停显示文字、alt 图片未加载显示
width 宽 100px px：像素、height 高- 测试点：必须有title属性（悬停和未加载显示）
- 示例：
- 表单标签：form
- from里嵌套了input，input根据属性值可分为
【文本框】 ：type = “text”
【密码框】 ：type = “password”
【单选按钮】：type = “radio”
【复选框】 ：type = “checkbox”
【按 钮】 ：type = “button ” 普通按钮、type = “reset” 重置按钮、type = “submit”提交按钮- form的作用是将输入的数据提交到后台或者指定页面，属性为acction。方法有get和post两种。get提交时参数url明文显示，有长度限制，一般用做查询使用。post非明文显示，长度无限制，但是也不安全，一般用做提交数据、登录、注册。
- 示例：
- 运行结果
来源：拾肆0423
声明：本站部分文章及图片转载于互联网，内容版权归原作者所有，如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢！