二、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. vue中使用transition和animate.css动画效果

    一.单个动画中,使用div中引用animate动画 1.下载依赖 npm install animate.css –save 2.main.js中全局引用 import animate from 'a ...

  2. java中对于浮点型数据操作

    java的基本数据类型-浮点型:单精度(float)和双精度(double). float:单精度浮点数在机内占4个字节.有效数字8位.表示范围:-3.40E+38 ~ +3.40E+38; doub ...

  3. python3处理csv文件

    1. 基础语句 1.1 文件的读取 如果需要读取一行数据如下表1所示,那么需要读取域名下面的数据,便使用如下代码: with open('A.csv','rb') as csvfile: reader ...

  4. 循序渐进VUE+Element 前端应用开发(28）--- 附件内容的管理

    在我们很多模块里面,都需要使用到一些诸如图片.Excel文件.PDF文件等附件的管理,一般我们倾向于把它独立为一个公用的附件管理模块,这样可以有效的统一管理附件的信息.本篇随笔介绍附件内容的管理,包括 ...

  5. Unity减少构建安装包的体积（210MB减小到7MB）

    概述 项目简介 由于是公司内做的项目,不方便开源,就只分享优化过程吧. 项目信息 逐日是一个移动端单机小游戏,使用Unity开发,目前已将项目使用的Unity升级到2019.4.14f1c1 (3e5 ...

  6. 与运算（&）、或运算（|）、异或运算（^）、右移运算符（>>>）本质介绍

    按位与运算符(&) 参加运算的两个数据,按二进制位进行"与"运算. 运算规则:0&0=0;  0&1=0;   1&0=0;    1&1= ...

  7. redis 做分布式锁

    ok 我们从最基础的一步步来 加锁: 1.setNx没有expire,拿锁线程挂掉后,死锁 2.setNx然后exipre分两步做,setNx后redis宕机,或者线程挂掉,死锁 3.SETNX re ...

  8. Vue.js 桌面端自定义滚动条组件|vue美化滚动条VScroll

    基于vue.js开发的小巧PC端自定义滚动条组件VScroll. 前段时间有给大家分享一个vue桌面端弹框组件,今天再分享最近开发的一个vue pc端自定义滚动条组件. vscroll 一款基于vue ...

  9. JS 使用xlsx.core.js 数据导出到excel

    /* 通用导出数据 需要引入 xlsx.core.js * data:数据 * th:表头 * filename:导出表格名称 */ var data = []; var th = [ [" ...

  10. 【证书】curl 和 java 请求报证书错误

    1. 说明: 以下:例子的域名因为工作环境的问题,被我拿自己的博客域名替代了,所以无法进行模拟测试,请珍重,哈哈! 2. 环境: centos:7.5 java jdk:1.8.0_74 3. cur ...