测试类型:
手工测试
接口测试
UI/自动化测试
性能测试
安全测试 / 渗透测试
Web前端:
HTML页面:
系统架构:
B(浏览器)/s(服务器)架构:
C(客户端)/s架构
网页内容:
文字、图片、超链接、视频等内容
什么是HTML?
超文本标记语言
超文本:文字+图片+音视
WEB前端三项技术:
HTML
CSS设置元素的属性样式
JS让元素具有动态效果
文件扩展名
区别文件的类型
web开发工具
IDE工具:快捷的开发效率、语法提示、语法提亮
安装HBuilder
标签:
标签放在<>里面
标签一般是成对出现,有开始标签和结束标签,结束标签后面多了/
开始标签和结束标签又被称为闭合标签
单标签页称之为自关闭标签
标题
<br/>
换行标签<br/><br/>
分割线<hr/><br/>
段落标签<p><br/>
格式化文本内容<font><br/>
文本内容标题 h系列标签 h1-h6 从字体的大小粗细依次递减</font></p>
标签 网页的内容 声明 文档类型 定义字符编码
页面的标题
头部信息
文本标签:
粗体:<b>
斜体:<i>
下划线:<u>
加粗:<strong>
斜体:<em>
关于img的
title鼠标悬停的文字
alt 图片失效时提示文字
href 跳转的地址,可以是网页、图片
</em></strong></u></i></b><table width="“”" align="“center”" border="“”">
图片标签
<img src="path" alt="text" title="text" width="x" height="1000"/>
超链接
<a href="”http://www.baidu.com”">点我有惊喜</a>
背景颜色 bgcolor 背景图片 background
表格边框 border
表格高度 width
对齐方式 align
合并单元格:
Colspan 列合并 rowspan 行合并
单元格之间的距离 cellspacing
单元格边框和内容之间的距离 cellspadding
</table>
标签包裹的内容表示表格全部,其属性值有:bgcolor,border,bordercolorlight,bordercolordark,cellspacing,cellpadding,width,height 标签包裹的内容表示表格中的一行,里面通常包含th或者td标签 标签包裹的内容表示表格的头部 标签包裹的内容表示表中的单元格 列
次方 Form表单 Action 内容提交到哪里 method 有两个值 Get 是获取信息的时候的方式 post 是提交数据的方式 登录、注册、上传 Password
单选框:name值设置相同,达到互斥
Checked=“Checked” 设置默认值
Placeholder=”” 提示语
… …
计算器的图片代码
计算器
● ● ● |
---|
|
---|
AC | +/- | C | % | √ |
1 | 2 | 3 | - | xy |
4 | 5 | 6 | x | x2 |
7 | 8 | 9 | ÷ | x3 |
← | 0 | . | + | = |