软件测试基础学习总结_day04（附思维导图）——HTML基础与前端测试要点详解

今日学习总结思维导图今天目标能够说出常见的html标签的作用项目登录测试一、HTML1.1HTML介绍Web前端三大核心技术HTML负责网页的架构CSS负责网页的样式美化JS负责网页的行为什么是HTML超文本标记语言HTML是用来描述网页的一种语言HTML标签单标签html、标签名双标签p内容/p、标签名/标签名标签属性属性格式属性名”属性值”a href”http://www.jd.com”京东/a1.2HTML骨架标签html跟标签所有的内容都应该放到html标签中head头部标签body身体标签代码编写区域1.3注释注释crtl/不同语言/类型文件注释各不相同但快捷键通用测试点前端页面发布上线之外你需要检查描述不恰当的文字出现注释描述或去除注释1.4常用标签1.标题标签h1/h1h1到h6h1最大2.段落标签p/p3.超链接标签a/aa href”http://www.baidu.com” target”_blank”百度/ahref点击文本要跳转的地址网页、本地文件。:超链接跳转地址target指定窗口打开模式。_blank新窗口打开4.图片标签img src”logo.jpg” title”图片标签” alt”logo” width”110px” height”140px” /属性src图片路径title光标悬停显示文字alt图片未加载时显示文字width图片宽度。px像素height图片高度测试点必须有title属性悬停和图片未加载显示注图片未加载时title也可显示路径相对路径相对于当前执行文件所在位置来说当前执行文件为起点。上一级../同级./绝对路径5.换行和空格换行br /空格nbsp;6.布局标签说明页面布局使用常用div和span。设置页面布局便于排版。div大盒子独占一行span小盒子一行可以放多个7.列表标签说明列表标签常用li元素分为有序和无需li/liscript/scriptjs标签style/stylecss标签link / 外部加载css标签8.表单标签页面提交输入信息需要使用表单标签form将页面输入的数据提交到指定页面或后台form标签作用提交页面输入的数据交到后台或指定页面。按钮测试点统一使用value赋值提示普通按钮默认没有执行结果需要配合js来实现