• 【软件测试】--功能测试4-html介绍

    1.1 前端三大核心

    • html:超文本标记语言，由一套标记标签组成

    • 标签：

      • 单标签：<标签名 />

      • 双标签:<标签名>

      • 属性：描述某一特征 示例:

    1.2 html骨架标签

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4.   <meta charset="UTF-8">
    5.   <title>Title</title>
    6. </head>
    7. <body>
    8.  
    9. </body>
    10. </html>
    html:根标签，所有的内容都应该放到html标签中
head：头部标签
body:身体标签（代码编写区域）

    1.3 注释

    • 作用：描述的内容不会被浏览器执行

    • 说明：解析程序给程序员看

    • 快捷键：ctrl+/

    • 测试点：前端页面上线之前检查注释描述（描述不恰当的文字）或去除注释

    • 测试：右击需要测试的网页，点击【查看源代码】，查看文字描述的注释等是否恰当

    1.4 标签

    • 标题：h1~h6

      • 说明：h1最大，h6最小

      • 示例：

        我是h1
        

        我是h6

    • 段落：p

      • 特点：语义化、独占一块（换行）

      • 示例：

        我是段落

    • 超链接a

      • 说明：点击文本跳转到指定页面

      • 语法：文本

      • 属性：

        • href：跳转的地址或文件

        • target:打开窗口模式。新窗口：target="_blank"

    • 图片

      • 说明：在页面中插入一张图片

      • 测试点：必须有title属性（悬停和未加载显示）

      • 示例

        2.         <img src="011.jpg" title="希望在田野" width="100px" height="200px" alt="此处有一张田野照片"/>

    • 空格与换行

      • 空格：  &->shift+7

      • 换行：

    • 布局标签

      布局：设置页面布局，便于排版

      • 大盒子：div、独占一行

      • 小盒子：span、一行可以放多个

    • 列表

    • script:js标签
style:css标签
link:外部加载css标签

    • input标签

      • 文本框：

      • 密码框：

      • 单选按钮：

      • 复选框：

      • 按钮：

        • 普通：type=button

        • 提交：type=submit

        • 重置: type=reset

    • form标签

      • 作用：提交页面输入的数据到指定页面或后台

      1. <!--
      2.             form
      3.                 作用：将页面输入的数据提交到后台或指定页面
      4.                 属性：
      5.                     action：  指定将数据提交到那个页面。
      6.                     method:提交参数的方法（get、post）
      7.                         get:查询使用
      8.                             1、参数url明文显示
      9.                             2、提交速度快
      10.                             3、提交参数有长度限制
      11.                         post:提交数据、登录、注册
      12.                             1、非明文显示
      13.                             2、提交速度慢
      14.                             3、提交参数的长度无限制
      15. -->
      1. <form action="10-接受数据.html" method="get">
      2.             用户名：<input type="text" name="username"/>
      3.             <br />
      4.             密码框：<input type="password" name="password"/>
      5.             <br />
      6.             <!--
      7.                 单选效果：
      8.                     1、相同一组的radio才能做单选。
      9.                     2、设置相同（组名）name属性值为一组。
      10.             -->
      11.             性别：
      12.             <input type="radio" name="one"/>男
      13.             <input type="radio" name="one"/>女
      14.             <br />
      15.             您的爱好：
      16.             <input type="checkbox" />挣钱
      17.             <input type="checkbox" />吃饭
      18.             <input type="checkbox" />欣赏美
      19.             <input type="checkbox" />个人发挥
      20.             <br />
      21.             <input type="submit" />
      22.             <input type="reset" />
      23.             <input type="button" value="点我试试"/>
      24.         </form>

    • 提交

            问题：不同浏览器默认的type=submit的默认提示语是不一样的

            解决：统一给subumit增加一个value赋值即可

            按钮测试点：统一使用value进行赋值

  • 相关阅读:
    Kafka 架构
    零基础转行网络工程师，过来人给的一些建议
    什么？你还不会JVM调优？
    npm install node-sass 报错如何解决呢
    opencv车牌识别＜一＞
    springboot自己添加的配置文件没有绿色叶子问题
    3.6让MBR使用磁盘
    [BigData：Hadoop]：安装部署篇
    数据结构-leetcode-环形链表Ⅱ
    Solon2 项目整合 Nacos 配置中心
  • 原文地址：https://blog.csdn.net/m0_62410106/article/details/136313066