2-UI自动化-HTML页面的构成和常见标签、属性

lucky多多

已于 2022-11-29 00:20:46 修改

阅读量687

点赞数

分类专栏： web自动化测试文章标签： html ui 自动化

于 2022-11-28 18:23:35 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_41948075/article/details/128077489

版权

本文介绍了UI自动化中HTML页面的基础构成，涵盖了p、h1-h6、div、a、img、input、form、select等标签的使用，以及disabled、readonly、placeholder等关键属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

上篇我们介绍1-UI自动化-HTML页面构成
$\color{red}{\heartsuit}$

HTML页面的结构

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>web自动化</title>
</head>
<body>

</body>
</html>

作为测试只需要了解一些简单的标签

测试所需要掌握的html标签

p标签，段落标签<p></p>
经常和p一起出现的还有 标题标签<h1></h1>，有6级标题h1-->h6

div标签<div></div>

a标签，超链接<a></a>
a标签，经常和href属性一期使用，当点击时就会跳转到href里的链接。

img标签，图片<img></img>经常和src属性一起使用，src存放图片链接。
<a href="http://www.baidu.com">
	<img src="https://pics7.baidu.com/xxx.jpeg">
</a>

input标签，输入框<input>input标签经常和type=(password、checkbox、radio、file、text)等属性一起使用。
input经常有name属性，如

最低0.47元/天解锁文章