二、HTML语法---了解!
1.HTML超文本标记语言,是网页设计使用的语言。
2.从<html>开始,到</html>结束,里面包括head和body两个部分,我们测试人员关心的信息主要在body里,head里只关注title网页标题即可。
3.常见的标记(标签):
(1)超级链接(link):标记名称是a
示例:
<a href="flow.php">查看购物车</a>
(2)图片:标记名称是img
示例:
<img src="themes/default/images/logo.gif">
(3)列表:标记名称是ul或ol,子元素标记名称是li表示列表里的一个条目。
示例:
<ul>
<li>xxx</li>
<li>xxx</li>
</ul>
(4)表格:标记名称是table,table下级可以有tbody代表表格主体部分,tbody下一级是tr代表行,tr下级有th代表表头列和td代表普通数据列。
示例:
<table>
<tbody>
<tr>
<th>xx</th>
<th>xx</th>
</tr>
<tr>
<td>xx</td>
<td>xx</td>
</tr>
<tr>
<td>xx</td>
<td>xx</td>
</tr>
</tbody>
</table>
(5)图层:标记名称是div,用于实现布局展示效果,把一块网页区域摆放在网页中的某一个位置。
示例:
<div>
xxxx
</div>
(6)表单:是HTML核心元素,是一个容器型标记,里面一般包括一些填写信息或选择信息和提交信息的元素,例如文本框、下拉列表、单选按钮、复选框、按钮、超级链接等,是客户端网页和后台服务器交互的主要组件。
示例:
<form action='xxx.jsp' method='post'>
……
</form>
(7)文本框:标记名称是input,type属性值等于text或password,描述两类文本框(普通文本框、密码文本框)。
示例1:
<input name="username" size="25" class="inputBg" type="text">
示例2:
<input name="password" size="15" class="inputBg" type="password">
(8)按钮:标记名称也是input,type属性值等于submit、reset或button,代表不同类型的按钮(提交类型、重置类型、普通按钮)。
示例:搜索按钮
<input name="imageField" value="" class="go" style="cursor:pointer;" type="submit">
(9)单选按钮:标记名称也是input,type属性值是radio,一组互斥的单选按钮一般有相同的name属性值,不同的value属性值,有checked属性的那一个单选按钮是默认选中的。
示例:留言板页里的“留言类型”的一组单选按钮
<input name="msg_type" value="0" checked="checked" type="radio">
留言
<input name="msg_type" value="1" type="radio">
投诉
<input name="msg_type" value="2" type="radio">
询问
<input name="msg_type" value="3" type="radio">
售后
<input name="msg_type" value="4" type="radio">
求购
(10)复选框(多选框):标记名称也是input,type属性值是checkbox,如果有checked属性代表默认是选中的。
示例:
<input name="sc_ds" value="1" id="sc_ds" type="checkbox">
(11)下拉列表(下拉框、列表框):标记名称是select,用multiple属性代表多选,一般有多个子元素是option标记,每一个option标记元素代表的是一个选项,一个下拉列表里的多个option元素有不同的value属性值,在<option>与</option>之间的文本就是网页里选项上能看到的文本。
示例:
<select name="category" id="category" class="B_input">
<option value="0">所有分类</option>

<option value="6">手机配件</option>
<option value="8">&nbsp;&nbsp;&nbsp;&nbsp;耳机</option>
<option value="7">&nbsp;&nbsp;&nbsp;&nbsp;充电器</option>
</select>
(12)文本域(多行文本框):标记名称是textarea
(13)静态文本:标记名称可能是b、span、font、div、label、h2、td……,但是一般静态文本信息内容都记录在开始和结束标记之间。
示例:
<b>评论</b>
<h2>标题</h2>
4.通用的属性:不管标记名称是什么,都可能存在的属性
(1)id属性:标志型信息,好比是人的身份证号,是唯一标识。
(2)name属性:不是唯一标识,是元素的名称,好比是人的姓名。
(3)value属性:元素的当前内容,好比是人的面貌。
(4)class属性:元素的所属类别,好比是人的职业。可能会有多个值,会在源代码用空格分开。
5.查看网页的源代码:各种浏览器自带的F12功能,在Firefox里目标元素上右击菜单里选择“查看元素”,在Chrome里目标元素右击菜单里选择“检查”就可以打开网页源代码来查看。除此以外,大家也可以考虑给浏览器安装一些其他的插件来查看源代码,比如Firefox里安装Firebug插件。

想用selenium ,先了解html 基础知识(5)的更多相关文章

  1. 想入门Web安全,这些基础知识都学会了吗?

    毕业季已经正式告一段落,这届毕业生都找到心仪的工作了吗? 正在实习期或者试用期的职场新人,是否在岗位上做的风生水起? 工作了一两年,从未升职加薪的菜鸟,还愿意继续原地踏步吗? 在校学生.IT从业者.毕 ...

  2. selenium+python自动化测试系列---基础知识篇(1、HTML基础知识1)

    1.什么是HTML HTML是一种描述网页的语言.HTML指超文本标记语言(Hyper Text Markup Language),它不是一种编程语言,而是一种标记语言(markup language ...

  3. selenium自动化基础知识

    什么是自动化测试? 自动化测试分为:功能自动化和性能自动化 功能自动化即使用计算机通过编码的方式来替代手工测试,完成一些重复性比较高的测试,解放测试人员的测试压力.同时,如果系统有不份模块更改后,只要 ...

  4. 任何国家都无法限制数字货币。为什么呢? 要想明白这个问题需要具备一点区块链的基础知识: 区块链使用的大致技术包括以下几种: a.点对点网络设计 b.加密技术应用  c.分布式算法的实现 d.数据存储技术 e.拜占庭算法 f.权益证明POW,POS,DPOS 原因一: 点对点网络设计 其中点对点的P2P网络是bittorent ,由于是点对点的网络,没有中心化,因此在全球分布式的网

    任何国家都无法限制数字货币.为什么呢? 要想明白这个问题需要具备一点区块链的基础知识: 区块链使用的大致技术包括以下几种: a.点对点网络设计 b.加密技术应用  c.分布式算法的实现 d.数据存储技 ...

  5. Magento 架构基础知识概述

    Megento 架构基础知识概述 Magento整合了面向对象的基于PHP的应用程序的核心架构原则.这些一般原则的综合讨论既有在线的,也有印刷形式.以下讨论主要关注这些主题如何直接应用于Magento ...

  6. 爬虫基础---HTTP协议理解、网页的基础知识、爬虫的基本原理

    一.HTTP协议的理解 URL和URI 在学习HTTP之前我们需要了解一下URL.URI(精确的说明某资源的位置以及如果去访问它) URL:Universal Resource Locator 统一资 ...

  7. 学 Java 网络爬虫,需要哪些基础知识?

    说起网络爬虫,大家想起的估计都是 Python ,诚然爬虫已经是 Python 的代名词之一,相比 Java 来说就要逊色不少.有不少人都不知道 Java 可以做网络爬虫,其实 Java 也能做网络爬 ...

  8. RabbitMQ基础知识

    RabbitMQ基础知识 一.背景 RabbitMQ是一个由erlang开发的AMQP(Advanced Message Queue )的开源实现.AMQP 的出现其实也是应了广大人民群众的需求,虽然 ...

  9. Java基础知识(壹)

    写在前面的话 这篇博客,是很早之前自己的学习Java基础知识的,所记录的内容,仅仅是当时学习的一个总结随笔.现在分享出来,希望能帮助大家,如有不足的,希望大家支出. 后续会继续分享基础知识手记.希望能 ...

随机推荐

  1. 如何使用ABBYY FineReader处理文档图像的缺陷?

    通过扫描仪或者数码相机获取的图像文件,容易出现文本扭曲.页面歪斜等缺陷,会影响到OCR的识别质量.此时,用户可使用ABBYY FineReader 15(Windows系统)OCR文字识别软件的自动和 ...

  2. 思维导图MindManager流程图有哪些功能

    流程图是思维导图中的一种图表,应用相当广泛.MindManager 2020作为专业的思维导图软件,更加强了流程图的功能,让用户能使用更加简便的MindManager技巧绘制流程图.接下来,就让我们一 ...

  3. js 表格上checkbox 全选

    <table class="layui-table"> <thead> <tr> <th width="75"> ...

  4. dubbo起停之服务注解

    开始之前建议先去了解spring的BeanDefinition可以参考下这里:https://www.jianshu.com/p/56e42e82e9a0 当用户使用注解@DubboComponent ...

  5. 【mq读书笔记】消费进度管理

    从前2节可以看到,一次消费后消息会从ProcessQueue处理队列中移除该批消息,返回ProcessQueue最小偏移量,并存入消息进度表中.那消息进度文件存储在哪合适呢? 广播模式:同一个消费组的 ...

  6. 网络拓扑实例之交换机基于全局地址池作为DHCP服务器(七)

    组网图形 DHCP服务器简介 通常用户希望网络中的每台终端能够动态获取IP地址.DNS服务器的IP地址.路由信息.网关信息等网络参数,不需要手动配置终端的IP地址等网络参数:另外,针对一些移动终端(手 ...

  7. UUID介绍与生成的方法

    什么是UUID? UUID是Universally Unique Identifier的缩写,它是在一定的范围内(从特定的名字空间到全球)唯一的机器生成的标识符.UUID具有以下涵义: 经由一定的算法 ...

  8. 排序--HeapSort 堆排序

    堆 排 序 堆排序.就是通过堆结构来排序.可以看之前写的http://www.cnblogs.com/robsann/p/7521812.html .关于堆的结构 堆排序先要使结构堆有序.所以要先使所 ...

  9. socket阻塞与非阻塞,同步与异步,select,pool,epool

    概念理解 一.与I/O相关的五个重要概念 1. 第一个概念:用户空间与内核空间 1. 现在操作系统都是采用虚拟存储器,那么对32位操作系统而言,它的寻址空间(虚拟存储空间)为4G(2的32次方) 2. ...

  10. Linux驱动模块00

    一.驱动基础 1.什么是驱动 能够通过软件操作硬件的这份程序就是驱动 2.Linux驱动和ARM裸机驱动的区别 1)Linux设备驱动工作时依赖于Linux内核, ARM裸机驱动不依赖于Linux内核 ...