软件测试学习笔记03

前端三大核心HTML
html:超文本标记语言，有一套标记标签组成
标签：
单标签：<标签名 />
双标签：<标签名></标签名>
属性：描述某一特征，示例：<a 属性名=“属性值”>
html骨架标签
html:根标签，所有的内容都应该放到html标签中
head:头部标签
body:身体标签（代码编写区域）
注释：作用：描述的内容不会被浏览器执行
          说明：解析程序给程序员看
          快捷键：ctrl+/    <!--注释区域-->
          测试点：前端页面上线之前检查注释描述或去除注释
标签：标题：h1~h6   h1最大，h6最小
          段落：p   特点：语义化，独占一块（换行）
          超链接：a 说明：点击文本跳转到指定页面
                          语法：<a href="https://www.baidu.com">文本</a>
                          属性：href:跳转的地址或文件
                                    traget:打开窗口模式。 新窗口：target=“_blank”
           图片：img  说明：在页面中插入一张图片
                             测试点：必须有title属性（悬停和未加载显示）
                              属性：src:图片路径  title：悬停显示文字 width:宽 height：高 alt:图片未加载显示
           空格与换行：
                     空格：&nbsp；&->shift+7
                     换行：<br />
            布局标签：作用：设置页面布局，便于排版
                             大盒子：div  独占一行
                             小盒子：span  一行可以放多个
           列表：有序列表：<ol><li>文本</li></ol>  无序列表：<ul><li>文本</li></ul>
                     script:js标签  style:css标签  link:外部加载css标签
            input标签：文本框：<input type="text" />
                              密码框：<input type="password" />
                              单选按钮：radio
                              复选按钮：checkbox
                              普通：type=button
                              提交：type=submit
                              重置：type=reset
            按钮测试点：统一使用value进行赋值
                                提示：普通按钮默认没有执行效果，需要配合js来实现
            form标签：作用：提交页面输入的数据到指定页面或后台
                               属性：
                                       action：指定将数据提交到那个页面
                                       method:提交参数的方法（get,post）
                                              get:查询使用
                                                    1.参数url明文显示2.提交速度快3.提交参数有长度限制
                                              post:提交数据，登录，注册
                                                    1.非明文显示2.提交速度慢3.提交参数的长度无限制