当前位置： 首页 > news >正文

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

news 2026/4/14 12:14:39

1.1 前端三大核心

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

  • 标签：

    • 单标签：<标签名 />

    • 双标签:<标签名></标签名>

    • 属性：描述某一特征 示例:<a 属性名="属性值">

1.2 html骨架标签

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body></body>
</html>

html:根标签，所有的内容都应该放到html标签中
head：头部标签
body:身体标签（代码编写区域）

1.3 注释

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

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

  • 快捷键：ctrl+/ <!--注释区域-->

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

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

1.4 标签

  • 标题：h1~h6

    • 说明：h1最大，h6最小

    • 示例：

      <h1>我是h1</h1>
<h6>我是h6</h6>

  • 段落：p

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

    • 示例：

      <p>我是段落</p>

  • 超链接a

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

    • 语法：<a href="https://www.baidu.com">文本</a>

    • 属性：

      • href：跳转的地址或文件

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

  • 图片

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

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

    • 示例

      <!--图像标签：img属性：src:图片路径title：悬停显示文字width:宽100px   px:像素height:高 alt:图片未加载时显示的文字--><img src="011.jpg" title="希望在田野" width="100px" height="200px" alt="此处有一张田野照片"/>

  • 空格与换行

    • 空格：&nbsp; &->shift+7

    • 换行：<br />

  • 布局标签

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

    • 大盒子：div、独占一行

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

  • 列表

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

  • input标签

    • 文本框：<input type="text" />

    • 密码框：<input type="password" />

    • 单选按钮：<input type="radio">

    • 复选框：<input type="checkbox">

    • 按钮：

      • 普通：type=button

      • 提交：type=submit

      • 重置: type=reset

        <!--按钮测试点：统一使用value进行赋值提示：普通按钮默认没有执行效果，需要配合Js来实现。
-->

  • form标签

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

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

  • 提交

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

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

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

相关文章：

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

1.1 前端三大核心 html:超文本标记语言&#xff0c;由一套标记标签组成 标签&#xff1a; 单标签&#xff1a;<标签名 /> 双标签:<标签名></标签名> 属性&#xff1a;描述某一特征 示例:<a 属性名"属性值"> 1.2 html骨架标签 <!DOC…...

编程日记 2024/3/2 4:24:24

模型优化_XGBOOST学习曲线及改进，泛化误差

代码 from xgboost import XGBRegressor as XGBR from sklearn.ensemble import RandomForestRegressor as RFR from sklearn.linear_model import LinearRegression as LR from sklearn.datasets import load_boston from sklearn.model_selection import train_test_split,c…...

编程日记 2024/3/2 4:23:23

Java8 - LocalDateTime时间日期类使用详解

&#x1f3f7;️个人主页&#xff1a;牵着猫散步的鼠鼠 &#x1f3f7;️系列专栏&#xff1a;Java全栈-专栏 &#x1f3f7;️个人学习笔记&#xff0c;若有缺误&#xff0c;欢迎评论区指正 前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&…...

编程日记 2024/3/2 4:20:20

3D城市模型可视化：开启智慧都市探索之旅

随着科技的飞速发展&#xff0c;我们对城市的认知已经不再局限于平面的地图和照片。今天&#xff0c;让我们领略一种全新的城市体验——3D城市模型可视化。这项技术将带领我们走进一个立体、生动的城市世界&#xff0c;感受前所未有的智慧都市魅力。 3D城市模型通过先进的计算机…...

编程日记 2024/3/2 4:17:17

某查查首页瀑布流headers加密

目标网站&#xff1a; 某查查 对目标网站分析发现 红框内的参数和值都是加密的&#xff0c;是根据算法算出来的&#xff0c;故进行逆向分析。 由于没有固定参数名&#xff0c;只能通过搜索headers&#xff0c;在搜索的位置上打上断点&#xff0c;重新请求。 断点在此处断住&a…...

编程日记 2024/3/2 4:16:16

Microsoft Visio 文本框上标或下标

Microsoft Visio 文本框上标或下标 1. 文本框公式2. 选中需要成为上标或下标的部分&#xff0c;开始 - > 段落 -> 字体 -> 常规 -> 位置 -> 上标 / 下标​​​3. 文本框公式4. 快捷键References 1. 文本框公式 2. 选中需要成为上标或下标的部分&#xff0c;开始…...

编程日记 2024/3/2 4:13:12

Java项目：29 基于SpringBoot+thymeleaf实现的图书管理系统

作者主页&#xff1a;源码空间codegym 简介&#xff1a;Java领域优质创作者、Java项目、学习资料、技术互助 文中获取源码 项目介绍 基于SpringBootthymeleaf实现的图书管理系统分为管理员、读者两个登录角色&#xff0c;一共是8个功能模块 管理员权限 图书管理&#xff1a;…...

编程日记 2024/3/2 4:12:12

Unity游戏项目中的优化之摄像机视锥体剔除优化

在项目中一个完成的游戏场景一般都会有成千上百的物体&#xff0c;假如都去让GPU全部渲染一遍&#xff0c;那带来的消耗其实是挺大的&#xff0c;很多不在摄像机范围内的物体其实没有必要去渲染&#xff0c;尽管GPU自带剔除&#xff0c;但是如果从CPU阶段就提交给GPU指令——哪…...

编程日记 2024/3/2 4:10:10

超1000本计算机经典书籍分享(均可免费下载)

今天给大家推荐两个开源项目&#xff0c;均可百度网盘下载&#xff1a; 1 https://gitee.com/ForthEspada/CS-Books 超过1000本的计算机经典书籍、个人笔记资料以及作者在各平台发表文章中所涉及的资源等。 书籍资源包括C/C、Java、Python、Go语言、数据结构与算法、操作系统…...

编程日记 2024/3/2 4:09:09

AI大模型提供商有哪些?

AI大模型提供商&#xff1a;引领人工智能创新浪潮 随着人工智能技术的迅猛发展&#xff0c;AI大模型成为了推动行业变革和创新的核心驱动力之一。作为AI领域的重要参与者&#xff0c;AI大模型提供商扮演着关键的角色。本文将围绕这一主题&#xff0c;介绍几家在AI大模型领域具…...

编程日记 2024/3/2 4:04:05

【Linux】部署单机项目(自动化启动)

目录 一.jdk安装 二.tomcat安装 三.MySQL安装 四.部署项目 一.jdk安装 1.上传jdk安装包 jdk-8u151-linux-x64.tar.gz 进入opt目录&#xff0c;将安装包拖进去 2.解压安装包 防止后面单个系列解压操作&#xff0c;我这边就直接将所有的要用的全部给解压&#xff0c;如下图注…...

编程日记 2024/3/2 4:03:04

MySQL：使用聚合函数查询

提醒&#xff1a; 设定下面的语句是在数据库名为 db_book里执行的。 创建t_grade表 USE db_book; CREATE TABLE t_grade(id INT,stuName VARCHAR(20),course VARCHAR(40),score INT );为t_grade表里添加多条数据 INSERT INTO t_grade(id,stuName,course,score)VALUES(1,测试0…...

编程日记 2024/3/2 4:02:03

【Linux C | 网络编程】套接字选项、getsockopt、setsockopt详解及C语言例子

&#x1f601;博客主页&#x1f601;&#xff1a;&#x1f680;https://blog.csdn.net/wkd_007&#x1f680; &#x1f911;博客内容&#x1f911;&#xff1a;&#x1f36d;嵌入式开发、Linux、C语言、C、数据结构、音视频&#x1f36d; &#x1f923;本文内容&#x1f923;&a…...

编程日记 2024/3/2 4:01:02

Springboot解决模块化架构搭建打包错误找不到父工程

Springboot解决模块化架构搭建打包错误找不到父工程 一、情况一找不到父工程依赖1、解决办法 二、情况二子工程相互依赖提示"程序包xxx不存在" 一、情况一找不到父工程依赖 报错信息 [ERROR] Failed to execute goal org.apache.maven.plugins:maven-deploy-plugin:…...

编程日记 2024/3/2 4:00:02

Android全屏黑边解决方案

在Android12以上的手机&#xff0c;设置全屏后屏幕底部有黑边或者白边&#xff0c;有的屏幕顶部有黑边。解决方案很简单&#xff0c;在使用的主题中添加对应的设置即可&#xff0c;如下&#xff1a; res/values/themes.xml <resources><style name"Base.Theme.La…...

编程日记 2024/3/2 3:59:01

【矩阵】【方向】【素数】3044 出现频率最高的素数

作者推荐 动态规划的时间复杂度优化 本文涉及知识点 素数 矩阵 方向 LeetCode 3044 出现频率最高的素数 给你一个大小为 m x n 、下标从 0 开始的二维矩阵 mat 。在每个单元格&#xff0c;你可以按以下方式生成数字&#xff1a; 最多有 8 条路径可以选择&#xff1a;东&am…...

编程日记 2024/3/2 3:56:59

什么是RPC?谈谈你对RPC的理解

RPC&#xff08;Remote Procedure Call&#xff0c;远程过程调用&#xff09;是一种计算机通信协议。它允许一台计算机&#xff08;客户端&#xff09;通过网络调用另一台计算机&#xff08;服务器&#xff09;上的程序&#xff0c;并等待该程序的结果返回。RPC抽象了网络通信的…...

编程日记 2024/3/2 3:55:57

C语言实现哈希查找之线性探测算法

C语言中实现一个简单的哈希表&#xff0c;并包括线性探测和二次探测再散列处理冲突的功能&#xff1a; 1. 定义哈希表结构 首先&#xff0c;定义一个哈希表的结构&#xff0c;包括存储空间、哈希表的大小等。 2. 实现哈希函数 选择一个合适的哈希函数来计算键值的哈希值。 …...

编程日记 2024/3/2 3:53:55

js：lodash template文件模板语法和应用

文档 https://www.lodashjs.com/docs/lodash.templatehttps://lodash.com/docs/4.17.15#template 语法 <% VALUE %> 用来做不转义插值&#xff1b;<%- VALUE %> 用来做 HTML 转义插值&#xff1b;<% expression %> 用来描述 JavaScript 流程控制。 示例 …...

编程日记 2024/3/2 3:52:55

在Windows系统上安装Docker和SteamCMD容器的详细指南有哪些？

在Windows系统上安装Docker和SteamCMD容器的详细指南有哪些&#xff1f; 安装Docker&#xff1a; 首先&#xff0c;需要在Windows操作系统上激活WSL2功能。这是因为Docker作为一个容器工具&#xff0c;依赖于已存在并运行的Linux内核环境。可以通过使用winget来安装Docker。具体…...

编程日记 2024/3/2 3:49:52

AgentCPM深度研报助手MySQL性能优化案例：海量研报数据存储与毫秒级检索

AgentCPM深度研报助手MySQL性能优化案例&#xff1a;海量研报数据存储与毫秒级检索 最近和几个做金融科技的朋友聊天&#xff0c;他们都在用大模型做智能研报生成&#xff0c;AgentCPM这类工具确实火。但聊着聊着&#xff0c;大家就开始倒苦水&#xff1a;模型生成快是快&…...

编程新知 2026/4/14 12:03:14

2025实用论文AI降重工具实测，免费好用就选这几款

工具名称处理速度降重幅度专业术语保留适用场景SpeedAI科研小助手5分钟85%→5%★★★★★硕博论文/高AIGC率文本/全学科降重熵减学术15分钟45%→8%★★★★☆常规本科论文降重灵笔10分钟60%→12%★★★★快速免注册短文本处理智清文20分钟分段处理★★★★精细分段降重文修AI按…...

编程新知 2026/4/14 11:21:55

Docker部署Java应用时，关于时区、镜像源和网络连接的3个必改配置

Docker部署Java应用的3个关键配置优化指南 在容器化部署Java应用的过程中&#xff0c;许多开发者往往只关注基础功能的实现&#xff0c;而忽略了一些看似微小却影响深远的配置细节。本文将深入探讨三个经常被忽视但至关重要的配置优化点&#xff0c;帮助你在生产环境中避免常见…...

编程新知 2026/4/14 10:59:44

棉花叶子病虫害检测数据集 叶片病虫害识别图像数据集 棉花蚜虫识别 植物灰霉病与卷叶病识别

棉花计算机视觉数据集 README一、数据集核心信息项目详情类别数量及中文名称8 类&#xff08;蚜虫、粘虫、细菌性枯萎病、枯萎镰刀菌、灰霉病、健康、卷叶病、叶斑病&#xff09;数据数量&#xff08;向下取整&#xff09;5400 张图片数据集格式YOLO 格式核心应用价值1. 支撑棉…...

编程新知 2026/4/14 9:36:10

实测对比：Qwen3-ForcedAligner与传统字幕制作工具谁更高效？

实测对比&#xff1a;Qwen3-ForcedAligner与传统字幕制作工具谁更高效&#xff1f; 1. 引言&#xff1a;字幕制作工具的演进 在视频内容爆炸式增长的今天&#xff0c;字幕制作已成为内容创作者无法回避的痛点。传统字幕制作流程通常包含三个步骤&#xff1a;人工听写文本、手…...

编程新知 2026/4/14 8:13:05

智慧消防新防线：海思Cat.1模组赋能烟感设备，筑牢城市安全“防火墙”

一、案例背景&#xff1a;传统烟感的“三大痛点”在城市消防安全管理中&#xff0c;尤其是老旧小区、九小场所&#xff08;小商店、小旅馆等&#xff09;、地下室及出租屋等场景&#xff0c;传统独立式烟感报警器面临着严峻挑战&#xff1a;信号覆盖难&#xff1a;NB-IoT在部分…...

编程新知 2026/4/14 8:05:04

2026年手机测控深度测评：优质服务商与推荐厂家全景解析

随着智能网联汽车技术的快速发展&#xff0c;手机控车作为人车交互的重要入口&#xff0c;已成为车企智能化升级的关键模块。本测评旨在通过对行业代表性企业的深度剖析&#xff0c;为采购方与合作伙伴提供客观、结构化的决策参考。本文基于公开资料、技术文档及行业逻辑推演&a…...

编程新知 2026/4/14 8:00:25

Qwen3.5-35B-A3B-AWQ-4bit部署避坑指南：OOM排查、日志定位、端口检查全流程

Qwen3.5-35B-A3B-AWQ-4bit部署避坑指南&#xff1a;OOM排查、日志定位、端口检查全流程 1. 模型概述与部署挑战 Qwen3.5-35B-A3B-AWQ-4bit是一个面向视觉多模态理解的量化模型&#xff0c;支持图片理解、图文问答、视觉描述等能力。该模型特别适合图片分析、图中内容理解和图…...

编程新知 2026/4/14 7:58:22

StructBERT零样本分类模型在CNN图像标注中的创新应用

StructBERT零样本分类模型在CNN图像标注中的创新应用 1. 引言 你有没有遇到过这样的情况&#xff1a;手头有一大堆图片&#xff0c;需要给每张图片添加文字描述&#xff0c;但人工标注既费时又费力&#xff1f;传统的图像标注方法往往需要大量标注数据来训练模型&#xff0c;…...

编程新知 2026/4/14 6:51:15

高效计算汉明权重的VP-SWAR算法解析与优化实践

1. 汉明权重的核心概念与应用场景 汉明权重&#xff08;Hamming Weight&#xff09;听起来像是个高大上的专业术语&#xff0c;但其实它的定义非常简单——就是统计一个二进制数中1的个数。比如二进制数1011的汉明权重就是3&#xff0c;因为里面有3个1。这个概念最早由理查德汉…...

编程新知 2026/4/14 4:08:38