P3Web:HTML(2)

91 阅读3分钟

一、列表

无序列表:ul嵌套若干li,每个li就是一个选项

例:

  • 基础班
  • 自动化测试
  • 功能测试

有序列表:ol嵌套若干li,每个li就是一个选项

例:

  1. 周杰伦
  2. 李荣浩
  3. 蔡徐坤

二、布局的标签

布局标签:当没有任何语义的时候,就可以使用div或span来进行内容的包裹,目的是后期css代码可以找到对应标签中的内容来设置样式

div:独占一行空间,称之为大盒子

span:一行可以放置多个,称之为小盒子

例:

我是div

我是span  

三、音、视频、测试点

audio音、video视频

测试细节:因为历史发展原因,导致音、视频标签兼容性很差,对于测试工作来讲,需要测试三大主流浏览器是否能正常运行音、视频;

Ie测试低版本(ie7、8、9、10、11)

测试方法:打开ie,f12,找到仿真(必须有ie高版本才能测试低版本),点击文档模式,切换10,9,8,7版本。

什么时候测试低版本:用户要求,再测试!

四、form表单标签

form表单标签里面就是所有用户填写的表单数据;

action="xxx.jsp"   把表单数据提交给哪一个后台程序去处理

method="post"   传递数据时候的方式方法,post代表隐式提交数据;get明文传送数据

input标签的type类型:
type="text" 普通的输入框

type=”password”  密码框

type="radio"   单选框

checked="checked"   此属性可以表达默认选中状态

`测试细节:

1、点击查看是否为单选效果

2、刷新的时候是否有默认选中的状态

3、点击文字是否可以进行切换`

type="checkbox"  多选框、复选框

checked="checked"  默认选中

测试细节:

1、刷新的时候是否有默认选中的状态

2、点击文字是否可以进行切换

注意:一切测试要追溯到用户的需求

  select标签嵌套若干option标签,每组option就是一个下拉菜单中的选项

selected="selected"   下拉菜单的默认选中

测试细节:

1、内容的顺序

2、默认选中的状态

3、内容的条数

  textarea  文本域

测试细节:

1、测试三大主流浏览器外观大小是否一致

2、提醒程序员禁用拖拽大小的功能

type="button"  普通按钮,需要js配合才能实现其它效果

value属性设置按钮身上的文字

type="reset" 重置按钮,点击后可以让表单数据恢复默认值

value属性设置按钮身上的文字

type="submit" 提交按钮,点击后可以让表单提交给指定后台处理

value属性设置按钮身上的文字

点击后无论是否报错,都与我们无关,最终测试的时候,只要关注数据库中的内容是否正常添加即可

placeholder="请输入用户名"  文字提醒属性