Web自动化成长之路：认识HTML

        前言：在学习Web自动化的过程中，我们不得不认识下HTML，在一些常见的标签、css、webelement对象中了解自动化的原理

 

一、常见HTML标签

a)P--段落

<p>芜湖</p>

图例：

b)h1-h6--标题

<h4>预防犯罪</h4>

c)div--标签块--没有具体的内容，给出一个方框，自己填内容--是个容器，可以放其他标签

   <div>--里面放内容
        <h4>预防犯罪</h4>
        <p>今天爬虫学的好</p>
        <p>明天牢饭吃到饱</p>
    </div>  --里面放内容

图例：

d)span --空格

<span> 小阿卷</span>

e)a--超链接+href

 <a href="http://www.baidu.com">点击我，跳转百度</a>

图例：

 f)img --图片 + src ="xx"

<a href="http://www.baidu.com">
            <img  src="https://pic1.zhimg.com/v2-acc28b200290fe1bd17eea01cec44160_r.jpg">
    </a>   把他放到A标签里面

 g)iframe    ---嵌套另一个网页

 <iframe src="http://www.baidu.com" width="800" height="600">    </iframe>>

图例：

 

 h)li

    <ul>

        <li> 大阿漫</li>
        <li> 小阿卷</li>
        <li> 猪头</li>

    </ul>

图例：

  i)input,text,password,checkbox,radio,file----用户输入 input一般都会和类属性一起组合使用---input是单标签

    <div>
    <input  type="radio"   name="favor_singer"  value="A">周杰伦 #radio是单选框，value是传值
    <input  type="radio"   name="favor_singer"  VALUE="B">林俊杰
    <input  type="radio"   name="favor_singer"  VALUE="C">小阿卷
    </div>


    <div>
    <input  type="checkbox"   name="favor_singer">周杰伦
    <input  type="checkbox"   name="favor_singer">林俊杰
    <input  type="checkbox"      name="favor_singer">小阿卷
    </div>###checkbox是多选框


    <div>
        选择头像: <input name="avatar" type="file"> #tpye是选择文件类型
    </div>

图例：

  

j)select --下拉选择框里面只能填《option》子标签

    选择你的爱好
    <select>

    <option> 钓鱼 </option>
        <option> 搞钱 </option>
    </select>

图例：

 

 

k)form--表单，是前端和后端交互的一种方式，接口

 <form action="http://httpbin.org/post" method="post"> #接口地址+请求方式
	
	  *****中间省略内容
        <input type="submit"> #提交按钮
    </form>

 

 

 

L)placeholder--输入框提示

    用户名:<input  name="username" type="password" placeholder="请输入用户名">
    密码:<input    name="password"   type="password" placeholder="请输入密码">

图例：

 

 M) 用户名:<input  name="username" type="password" placeholder="请输入用户名" disabled>

二、常见HTML标签

a)css语法：

 

 

 

 

 b)xpath和css的比较：

 

三、webelement对象

属性：

tagename-获取标签名

text—获取文本

parent-获取上一级元素

get_attribute()-获取某个元素的属性---在web中除了标签，带=符号的就是元素的属性

操作：

click()-点击。元素
send_keys()-输入/发送
submit（）--提交
clear（），清空

面试题：