WebUI自动化必备技能-HTML和css知识详解

最新推荐文章于 2024-06-16 17:32:56 发布
最新推荐文章于 2024-06-16 17:32:56 发布
阅读量146 收藏
点赞数
分类专栏： IT 软件测试 程序员 文章标签： html 自动化 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Testfan_zhou/article/details/128463587
版权
本文详细介绍了Web自动化测试中不可或缺的HTML和CSS基础知识。HTML负责网页架构，CSS负责样式和美化。文中列举了常见的HTML标签，如标题、段落、超链接等，并解释了CSS选择器，包括ID、Class和标签选择器，强调它们在定义网页样式中的作用。
摘要由CSDN通过智能技术生成

学习web自动化的前提条件：手工测试（了解各种测试的知识）、学习编程语言、学习Web基础、学习自动化测试工具 、学习自动化测试框架 、需要掌握前端的一些知识，无论学习语言还是前端知识，都是为了接下来的脚本和框架做铺垫，本篇文章介绍下前端基础知识

网页基础（HTML、CSS），web前端三大核心技术

HTML：负责网页架构

CSS：负责网页的样式，美化

JS：负责网页行为

图片

01
常见的HTML标签

HTML是描述网页的一种语言
HTML指的是超文本语言，不是编程语言，是一种标记语言
HTM使用标签来描述网页

案例：txt文本转html格式

这是第一个段落文件

这是第二个段落文件

HTML标签

标签是有尖角号包裹的关键词，通常成对出现

第一个标签开始标签，最后一个标签结束标签例:

HTML单标签和双标签

单标签书写：

双标签书写：

HTML属性

HTML属性指的是标签属性

HTML的标签可以拥有多个属性

属性是以属性名称=属性值的格式出现

1、HTML骨架

 <head>

     <meta charset="UTF-8">

     <title>码同学教育</title&g
最低0.47元/天 解锁文章
码同学软件测试
关注
专栏目录
做Web自动化前 你需要掌握的几个技能
Testfan_zhou的博客
04-27 175
学习web自动化的前提条件：手工测试（了解各种测试的知识）、学习编程语言、学习Web基础、学习自动化测试工具 、学习自动化测试框架 、需要掌握前端的一些知识，无论学习语言还是前端知识，都是为了接下来的脚本和框架做铺垫，本篇文章介绍下前端基础知识 网页基础（HTML、CSS），web前端三大核心技术 HTML：负责网页架构 CSS：负责网页的样式，美化 JS：负责网页行为 01 常见的HTML标签 HTML是描述网页的一种语言 HTML指的是超文本语言，不是编程语言，是一种标记语言 HTM使用标签来描述网页
做Web自动化前，你必须get的几个技能
04-13 371
学习web自动化的前提条件：手工测试（了解各种测试的知识）、学习编程语言、学习Web基础、学习自动化测试工具 、学习自动化测试框架 、需要掌握前端的一些知识，无论学习语言还是前端知识，都是为了接下来的脚本和框架做铺垫，本篇文章介绍下前端基础知识 网页基础（HTML、CSS），web前端三大核心技术 HTML：负责网页架构 CSS：负责网页的样式，美化 JS：负责网页行为 01、常见的HTML标签 HTML是描述网页的一种语言 HTML指的是超文本语言，
Web自动化测试需要掌握的基础技能|双晨传奇科技
TestNewton的博客
09-02 330
web自动化测试需要掌握的知识
Web自动化测试需要掌握那些基础技能？速速收藏！
myh919的博客
06-15 207
web自动化测试需要掌握的知识 1.了解Javascript, CSS的知识 2.熟练掌握DOM和HTML前端知识 3.熟练掌握XML技术 4.熟练掌握数据库的基本操作语句 5.熟练掌握HTTP协议的知识
全网最牛最全面的自动化平台从0到1地一步步搭建
m0_60054525的博客
02-15 831
这两个框架在自定义报告有很多可研究的地方，后边会搞个系列讲讲，这里仅做个抛砖引玉，既然各测试组都用相同的东西做相同的事情，并且有的组技术能力也有一定的壁垒，因此就有了为了解决这个痛点而出现的JAVA上报工具包和Pytest上报插件，通过简单的引用配置就能最小成本快速的上报。来到新的公司有半年多了，由于业务和人员的极速扩张，整个局面处于百废待兴阶段，有太多方方面面的事情要做，前五个月基本上都是在给各式各样的需求进行支援，最近的两个月多月才比较固定做技术域的事情。总结：现阶段如何突出重围呢？
前端基础知识总结---CSS篇
Web前端开发工程师
09-09 2362
本部分主要是笔者在复习 CSS 相关知识和一些相关面试题时所做的笔记，如果出现错误，希望大家指出！ 目录 1.介绍一下标准的 CSS 的盒子模型？低版本 IE 的盒子模型有什么不同的？ 2.CSS 选择符有哪些？ 3.::before 和:after 中双冒号和单冒号有什么区别？解释一下这 2 个伪元素的作用。 4.伪类与伪元素的区别 5.CSS 中哪些属性可以继承？ 6.CSS 优先级算法如何计算？ 7.关于伪类 LVHA 的解释? 8.CSS3 新增伪类有那些？ 9.如何居中 div？ 10.disp
H320国外_HTML手机电脑网站_网页源码_移动端前端js效果_H5模板_自适应css样式ui组件.zip
08-04
自适应CSS样式UI组件则意味着这些组件可以根据不同的屏幕尺寸和设备类型自动调整布局，提供一致的用户体验。响应式设计是现代网站开发的必备技能，通过对媒体查询、Flexbox或Grid布局的运用，开发者可以创建出能够在...
html+css+js基础问答
qq_43751465的博客
08-26 5245
css3 1.标签语义化 顾名思义，合理的标签干合适的事情 块级（display：block）：div 、p、h1~h6、hr、ul、ol、li、dl、dd、form、table、header、footer、main、nav、sector、arcitcle、pre、table、tbody、thead、th、tr、tfoot 行级（display：inline）：a、span、small、strong、em、i、code、 行内块（display：inline-block）：img、input 区别： 1.
接口测试+自动化接口测试详解入门到精通
HB8888888的博客
04-10 4620
1：json模块的使用 　　字典是一种存储类型，json是一种格式（完全不同） 　　json.loads()函数是将json字符串转化为字典（dict） 　　json.dumps()函数是将字典转化为json字符串 　　json.dump()和json.load()主要用来读写json文件函数 2：接口自动化测试概叙 　　什么是接口测试： 　　前后端不分离：淘宝网站（响应的数据在页面，访问响应的数据是html的）返回的是一整个html（做接口难，需要解析数据，因为返回的是整个html代码） 　　前
Web UI HTML5 框架
02-02
Web UI HTML5 框架 JS jQuery css
Yo是一个纯粹的移动前端开发框架
08-07
Yo 是一个纯粹的移动前端开发框架，专注为移动应用提供快速且专业的构建方式；她轻量，易用，可配置，并且具备超强的扩展能力。
【Web UI自动化测试】Web UI自动化测试之框架篇（全网最全）
热门推荐
测试界的彭于晏的博客
11-01 1万+
概念：UnitTest是python自带的一个单元测试框架，用它来做单元测试自带的框架：不需要单独按照，只要安装了 python就可以用第三方框架：想要使用 需要先安装后使用（如：pytest）单元测试框架：主要用来做单元测试，一般单元测试是开发做的。对于测试来说，UnitTest 框架的作用是自动化脚本（用例代码）执行框架（使用UnitTest框架来管理 运行多个测试用例的）1）TestCase（测试用例）：组织用例文件（TestCase）里面，书写 跳过、断言、参数化，使用Fixture夹具；
web UI自动化介绍
白鹤想亮翅的博客
09-11 1049
业务流程不频繁改动UI 元素不频繁改动，界面稳定需要频繁回归的场景多平台运行，组合遍历型、大量重复的任务s业界使用较多的web UI自动化工具是 Selenium支持多语言，行业内最火最主流用于web浏览器测试的工具支持的浏览器包括IE，Firefox，Safari，Chrome，Edge等使用简单，可使用Java，Python等多种语言编写用例脚本主要由三个工具构成：WebDriver、IDE、Grid能力建设——初级Selenium 的架构：fill:#333;
软件测试之webUI自动化
gerouhsius的博客
11-14 1638
4.2 通过css selector选择器来定位，但css selector不能使用跟这个动态ID相关的,ID样式通过样式，不能使用跟这个动态ID相关的,ID样式通过属性，不能使用动态ID属性。#xpath路径从上一级开始进行逐级搜索，这个是可以的。3.SendKeys(String input)针对于prompt情况的输入：driver.switchTo().alert.sendKeys(“可以输入”);通过获取窗口的句柄，看是否有多个句柄，是否有新的句柄，如果有新的句柄，表示有一个新的窗口。
Web UI 自动化测试框架（Pytest+Selenium+Allure+Loguru）
Flora's Zone
07-17 3903
本框架主要是基于 Python + pytest + selenium + pytest-html/Allure + loguru + 邮件通知/企业微信通知/钉钉通知 实现的WEB UI自动化框架。
Web的UI自动化基础知识
最新发布
Anthony_231
06-16 1982
目录1 Web自动化入门基础1.1 自动化知识以及工具1.2 主流web自动化测试工具1.3 入门案例2 使用工具的API2.1 元素定位2.1.1 id选择器2.1.2 name2.1.3 class_name选择器2.1.4 tag_name选择器2.1.5 link_text选择器2.1.6 partial_link_text选择器2.1.7 xpath选择器2.1.8 CSS选择器2.1.9 Xpath和CSS区别2.1.10 元素定位分类2.1.11 元素定位的另一种写法2.2 元素操作2.3 浏
web UI自动化测试的实践之路
软件自动化测试技术交流、资源分享
07-22 350
经过零零碎碎的近半个月的时间，探索出一个适合我们项目的自动化测试雏形解决方案，时间有限，还在探索中，如有不足请多多指正，感兴趣的小伙伴或大佬欢迎一起讨论研究 本文涉及到选用测试库是 Cypress ，也可以替换成其他测试库，概念和流程是大致一样的
Web前端面试必备知识点：HTML、HTTP与CSS详解
这些基础知识是每个前端开发者必备的，理解并熟练掌握它们对于进行高效开发和解决面试问题至关重要。在实际工作中，还需要深入学习JavaScript、DOM操作、框架（如React、Vue、Angular）、响应式布局、性能优化以及...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值