软件测试学习笔记丨Web端测试-HTML讲解

、目录

HTML 基本概念
HTML 基本结构
HTML 基本标签

二、HTML基本概念

2.1、什么是 HTML

超文本标记语言（Hyper Text Markup Language）
描述网页的语言
传输最简单的文本内容
可以表达文字内容之外的语言——HTML1.0

2.2、HTML的发展

html1.0—-xhtml1.0( 过渡 )—-xhtml2.0( 放弃 )——html5

三、HTML基本结构

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
</html>

四、HTML基本标签

4.1、标签和属性

双标签：<标签名称></标签名称>
单标签：<标签名 />

4.2、标签的属性

基本格式：<标签名属性1=“值1” 属性2=“值2”></标签名>

标签可以拥有多个属性
属性必须写在开始标签中，位于标签名后面
属性之间不区分顺序
标签与属性之间、属性与属性之间用空格隔开
每个属性都有默认值，省略属性则表示使用默认值

4.2、HTML全局属性

class：规定元素的类名
id：规定元素唯一的id
lang：设置元素中内容的语言代码
style：规定元素的行内样式
title：规定元素的额外信息

五、HTML事件

5.1、HTML事件—窗口事件

使用HTML事件触发浏览器中的行为，比如启动某一段JavaScript
使用于body标签中

onblur：当窗口失去焦点时运行脚本
onfocus：当窗口获得焦点时运行脚本
onload：当加载文档时运行脚本

5.2、HTML事件—表单事件

form

onblur：当窗口失去焦点时运行脚本
onchange：当元素改变时运行脚本
onfocus：当窗口获得焦点时运行脚本
onreset：当表单重置时运行脚本，HTML5不支持
onselect：当选取元素时运行脚本
onsubmit：当提交表单时运行脚本

5.3、HTML事件—键盘事件

键盘事件

onkeydown：当按下键时运行脚本
onkeypress：当按下并松开键时运行脚本
onkeyup：当松开键时运行脚本

5.4、HTML事件—鼠标事件

鼠标事件

onclick：当单击鼠标时运行脚本
ondblclick：当双击鼠标时运行脚本
onmousedown：当按下鼠标时运行脚本
onmousemove：当鼠标指针移动时运行脚本
onmouseout：当鼠标指针移出元素时运行脚本
onmouseover：当鼠标指针移至元素之上时运行脚本
onmouseup：当松开鼠标按钮时运行脚本

5.5、HTML事件—多媒体事件

多媒体事件

onabort：当发生中止事件时运行脚本

六、标签

6.1、注释标签

标签： < !-- 注释内容 -- >
作用：在源文档中插入注释。注释不会在浏览器中显示

6.2、文档标题标签

标签：
作用：

定义浏览器工具栏中的标题
提供页面被收藏时的标题
显示在搜索引擎中显示的页面标题

6.3、标题标签

标签：
—
作用：

用来定义HTML的标题
用例定义最高等级的标题
用例定义最低等级的标题

属性：全局属性、事件属性

6.4、段落标签

标签：
作用：定义段落
属性：全局属性，事件属性

6.5、容器标签1

标签：
作用：对行内元素进行组合，提供了一种将文本或文档的一部分独立出来的方式
属性：全局属性、事件属性

6.7、容器标签2

标签：
作用：

定义了HTML文档中一个分隔区块或一个区域部分
经常与CSS一起使用，用于定义网页布局

属性：全局属性、事件属性

6.8、图像标签

标签：
作用：定义HTML页面中的图像
属性：

src：定义显示图像的URL(必选)
alt：定义图像的替代文本(必选)
title：鼠标悬停图像时显示的文本
width：图像的宽度
height：图像的高度
border：设置图像边框的宽度

6.9、超链接标签

标签：
定义超链接，从一个页面链接到另一个页面
属性：全局属性、事件属性

href：规定链接的目标URL

6.10、列表标签

标签：

<ul>
<li></li>
<li></li>
</ul>

作用：

定义无序列表
* <ul>与<li>一起使用，创建无序列表

属性：全局属性、事件属性

6.11、列表标签 - 有序列表

标签：<ol><li>...</li><li>...</li></ol>
作用：

定义了一个有序列表，列表排序以数字来显示
使用
标签来定义列表选项

属性：全局属性、事件属性

5.12、表格标签

标签：

表格：<table></table>
行：<tr></tr>
单元格：<td></td>

作用：定义表格
属性：全局属性、事件属性

border：定义表格是否有边框

6.13、表单域

标签：<form></form>
创建用户输入的HTML表单
属性：全局属性、事件属性

action：指定接收并处理表单信息的服务器URL地址
method：表单数据提交的方式
name：指定表单的名称

6.14、表单标签

标签：
作用：定义了用户可以在其中输入的字段，输入字段可以通过多种方式改变，取决于type的属性
属性、全局属性、事件属性

type：规定要显示input标签的元素的类型

text：单行文本（不可换行）
password：密码输入框
radio：单选框（配合name可以实现单选效果）
checkbox：复选框
button：普通按钮
submit：提交按钮
reset：重置按钮
image：图像形式的提交按钮
file：文件域，点击之后打开文件选择器

name：控件名称，name相同则表示为同一组数据
value：指定input元素的值
size：显示大小
checked：是否被选中
maxlength：控制输入的最大字符长度

6.15、文本标签

标签：
定义一个多行的文本输入控件
属性：全局属性、事件属性

cols：规定文本区域内可见的宽度
disabled：规定禁用文本区域
name：规定文本区域的名称
readonly：规定文本区域为只读
rows：规定文本区域内可见的行
placeholder：规定一个简短的提示，描述文本区域内期望的输入值

6.16、下拉菜单

标签：…
作用：

用来创建下拉列表
中的标签定义了列表中的可用选项

属性：全局属性、事件属性

isabled：当属性为true时，会禁用下拉列表
multiple：当属性为true时，可选择多个选项
name：定义下拉列表的名称
size：规定下拉列表中可见选项的数目

霍格沃兹的测试管理班是专门面向测试与质量管理人员的一门课程，通过提升从业人员的团队管理、项目管理、绩效管理、沟通管理等方面的能力，使测试管理人员可以更好的带领团队、项目以及公司获得更快的成长。提供 1v1 私教指导，BAT 级别的测试管理大咖量身打造职业规划。

篇介绍了表单的使用，表单有很多控件，比如输入框，密码框、文本域，按钮等。按类型可分如下：

输入类控件
菜单类控件

输入类组件 —— input

此类控件有很多种类型，使用<input type="类型">语法，常见类型如下：

type 值	含义
text	文字字段
password	密码域，用户看不到明文，以*代替
radio	单选按钮
checkbox	多选按钮
button	普通按钮
submit	提交按钮
reset	重置按钮
image	图像域，用图像作为背景的提交按钮
hidden	隐藏域，不可见的输入框
file	文本域，用于上传文件等非文本数据

文本输入框和密码框

除了显示形式不一样，其它属性一样，有以下属性：

name —— 定义文字字段名称，用于和其它控件区别，不能包含特殊字符，也不可使用html 标签名称
maxlength —— 定义文本框可输入字符最大长度
size —— 定义文本框在页面中显示的长度
vaule —— 定义文本框中默认的值

如下是文本输入框和密码框制作一个登录表单

html代码：

<!DOCTYPE html>
<html>
<body>
<h1>用户登录</h1>
<form action="/demo/html/action_page.php">
  <label for="fname">用户名:</label><br>
  <input type="text" id="username" name="username" value=""><br>
  <label for="lname">密码:</label><br>
  <input type="password" id="pwsd" name="pwsd" value=""><br><br>
  <input type="submit" value="提交">
</form> 
</body>
</html>

显示效果：

HTML5 输入类型

除了以上几种类型，HTML5 还增加了多个新的输入类型：

color
date
datetime
datetime-local
email
month
number
range
search
tel
time
url
week

如下代码：

<!DOCTYPE html>
<html>
<body>
<form action="/demo/demo_form.asp">
  数字类型（1 到 5 之间）：
  <input type="number" name="quantity" min="1" max="5">
  IE9 及早期版本不支持 type="number"。<br>
  color 选择颜色：
  <input type="color" name="color"><br>
   生日:
  <input type="date" name="bday"><br>
  年月：
  <input type="month" name="bdaymonth"><br>
  年周：
  <input type="week" name="week_year"><br>
  时间：
  <input type="time" name="usr_time"><br>
  一定范围
   <input type="range" name="points" min="0" max="10"><br>
   E-mail:
  <input type="email" name="email">
  能够在被提交时自动对电子邮件地址进行验证<br>
  搜索：
  <input type="search" name="googlesearch"><br>
  电话：
  <input type="tel" name="usrtel">
  目前只有 Safari 8 支持 tel 类型。<br>
  url：
  <input type="url" name="url">
  提交时能够自动验证 url 字段<br>
  <input type="submit">
</form>
</body>
</html>

效果如下：

单选和多选按钮

使用 type = “radio” 和 type =“checkbox” 定义是单选还是多选，除了name和value属性外，单选和多选都有一个 checked属性定义默认选择的项，checked = “true”指选中那个选项，表单会将 checked = “true” 的选型值传递给后台。

如下实例：

<!DOCTYPE html>
<html>
<body>
<h4>单选和多选</h4>
<form action="/demo/demo_form.asp">
水果：
<input type="radio" name="shuiguo" value="banner" checked> 香蕉
<input type="radio" name="shuiguo" value="apple"> 苹果
<br><br>
省份：
<input type="checkbox" name="shengfen" value="shannxi" checked> 陕西
<input type="checkbox" name="shengfen" value="sanxi"> 山西
<input type="checkbox" name="shengfen" value="gdong"> 广东
<br><br>
<input type="submit">
</form> 
</body>
</html>

显示效果：

单选和多选传递给后台的数据是不一样的，如下会看到地址栏中的数据，多选会发送多个值，后台将会获取一个数组形式的数据。

/demo/demo_form.asp?shuiguo=banner&shengfen=shannxi&shengfen=sanxi

普通按钮、提交按钮、重置按钮

普通按钮：type = “button”，一般配合脚本使用，语法如下：

<input type="button" name="名称" value="按钮值" onclick="脚本程序" />

value 值就是按钮在页面显示的文字，onclick属性定义了脚本事件，这里指单击按钮时所进行的处理。

如下示例：

<!DOCTYPE html>
<html>
<body>
<form>
 <input type="button" value="普通按钮">
<input type="button" value="打开窗口" onclick="window.open()">
<input type="button" value="您好" onclick="alert('您好')">
  </form>
</body>
</html>

单击您好按钮

提交按钮：type = “submit”，用于提交表单内容，是一种特殊按钮。

如刚才的登录表单，提交后会返回结果：

重置按钮：type="reset"，用于清除表单数据，也是一种特殊按钮。

输入数据

点击重置按钮后，表单数据清空

重置清空数据

HTML5 按钮

除了使用input定义按钮，还可以使用 html5 新增的<button> 标签定义按钮，button 使用语法如下：

<form action="/demo/html/action_page.php">
<button type="button">普通按钮</button>
<button type="submit">提交按钮</button>
</form>

其它输入类控件

隐藏域 —— hidden
文件域 —— file

如下示例：

<form action="/demo/html/action_page.php">
  <label for="fname">隐藏域:</label>
  <input type="hidden" id="hidden" name="hidden" value=""><br>
  <label for="lname">文件域:</label>
  <input type="file" id="file" name="file" value=""><br>
  <input type="submit" value="提交">
</form>

显示效果

可以看到，隐藏域在页面中不显示，单击文件域选择文件按钮可以选择文件，比如word文件，电子表格文件等，会以非文本方式传送到后台的，常用来实现文件上传功能。

文本域 —— textarea

除了input 类型的控件，还有文本域 textarea ，一种特殊的文本框，它与input 文本输入框的区别就是可以输入多行文字，input 文本输入框是单行的无法输入多行文字。

如下示例：

<p>textarea 元素定义多行输入字段。</p>
<form action="/demo/html/action_page.php">
  <textarea name="message" rows="10" cols="30">The cat was playing in the garden.</textarea>
  <br><br>
  <input type="submit">
</form>

效果如下：

rows 属性定义文本域的高度是几行，cols 定义文本域宽度占几列，比如上面定义了高10行宽30列的文本域。

下拉菜单和多选列表

下拉菜单作用和单选按钮类似，只不过它更加节省空间，当要选择的选型很多时，就不适合使用radio空间，所以当选项很多的时候，使用下拉菜单，语法如下：

<select name="名称">
<option value="选项值1" selected>选项1</option>
<option value="选项值2">选项3</option>
更多option......
</select>

多选列表和多选按钮类似，一样为了节省空间，当数据选项比较多时，使用多选列表，语法如下：

<select name="名称" size="可看见的列表项数" multiple>
<option value="选项值1" selected>选项1</option>
<option value="选项值2">选项3</option>
更多option......
</select>

多选比下拉菜单不同之处是多了一个multiple属性，定义多选的，且表现形式也不一样，不是下拉而是一个列表。

如下代码：

<!DOCTYPE html>
<html>
<body>
<form action="/demo/demo_form.asp">
下拉菜单：<br>
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
<br>
多选列表：<br>
<select name="cars" size="3" multiple>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
<br><br>
<input type="submit">
</form>
</body>
</html>

显示效果：

这里需要注意的是，多选列表多选时需要按住ctrl键同时鼠标单击选择才能多选，效果如下：

到这里，已介绍了大部分的表单控件，现在你可以使用他们制作自己的表单，表单通常在动态网站中使用，这为以后制作动态网站打下基础。

还有许多属性没有讲到，比如html5新增的一些属性和功能，可自行参考 w3cshool 等网站学习，感谢关注，学习愉快！

上篇：前端入门——html 表单

下篇：前端入门 —— 网页中使用窗口框架

、结构

一、标记<Html> 建立HTML文档

<Head> 设置网页头部和其它信息

<Body> 设计文件格式及内文所在<Body> 元素的属性

Text 设置页面文字的送顔色 Bgcolor 设置页面背景的顡色

Background 设置页面的背景图像 Link设置页面黙认的顔色

Bgproperties 设置页面的背景图像为固定，不随页面的滚动而滚动

Alink 设置鼠标正在单击时候的链接顔色 Vlink 设置访问过后的链接顔色

Topmargin 设置页面的上边距 Leftmargin 设置页面的左边距

二、头部

标记 <Base> 当前文档的URL全称 <Title>设置显示在浏览器在上方的标题内容

<Isindex> 表明该文档是一个可用于检索的网关脚本

<Meta> 有关文档本身的信息，例如用于查询的关键词，用于获取该文档的有效期等

<Style> 设置CSS层叠样式表的内容

<Mate> 标记属性

Http-Equiv 生成一个HTTP标题域，它的取值与另一个属性相同，

例如Http-Equiv=Expires，实际取值由Content确定

Name 如果元数据是以关键字/取值的形式出现的，Name 表示键字,

如Author或ID

Content 关键字/取值的内容

三、文字

文字标记 <HNumber>……<1HNumber> Number=1.2.3.4.5.6

分别指1至6级标题

<Font>文字

文字的修饰标记 <B>/<strong> 粗体 <I>/<Em>/<cite> 斜体

<Sup>上标 <sub>下标 <Big>大字号 <small>小字号

<U>下划线 <S>/<strike>删除线 <Address>地址

<Tt>打字机文字 <Blink>闪烁文字（只适用于Netscape浏览器）

<Code>/<samp>等宽 <kbd>键盘输入文字 <Var>声明变量

<Fant>标记的属性

Face 字体 Size字号 Color顔色

四.列表

列表标记 <Ul>无序列表 <Ol>有序列表 <Dir>回录列表 <Dl>定义列表

<Meru>菜单列表 <Dt>·<Dd>定义列表的标记 <Li>列表项目的标记

<Ul><Ol>标记的属性 Type设置列表类型 start设置列表起始属性

Type的属性值 1 数字 a 小写字母 A 大写字母 i小写罗马数字

I 大写罗马数字 Disc ● Circle ○ square □

五.链接

链接标记 <A> 链接

<A>标记的属性 Href 指定链接地址 Name给链接命名

Title设置链接提示文字 Target指定链接的目标窗口

Target属性值 -parent在上一级窗口中打开。一般使用分帧的框架页会经常使用

-bank在新窗口中打开

-self在同一个帧或窗口中打开.这项一般不用设置

Href属性值 http:// 进入万维网站点 news://启动新闻讨论

ftp:// 进入文件传输服务器 mailto:// 启动新闻讨论组

telnet:// 启动telnet方式 gopher://访问一个gopher服务器

六.图片

图片标记 <Img>图片 <Map>图像映射 <Area>图像映射中定义区域

<lmg>标记的属性 src图像的源文件 Alt提示文字 Width宽度

Height高度 Vspace垂直间距 Hspace水平间距 Align排列 Border边框

Align属性值 Top文字的中间线居于图片上方 Middle文字的中间线居于图片中间

Bottom文字的中间线居于图片底部 Left 图片在文字的左侧

Right图片在文字的右侧 Absbottom文字的底线居于图片底部

Absmiddle文字的底线居于图片中间 Baseline英文文字基线对齐

Texttop英文文字上边线对齐

Shape属性值

Rect矩形区域 Circle椭圆形区域 Poly多边形区域

七.表格

1.表格标记 <Table>…</Table>表格标记 <Tr>…</Tr>行标记

<Td>…</Td>单元格标记 <Th>表头标记

<Table>标记属性 Bordercolor 表格边框色 Borde表格边框的宽度

Bordercolorlight 表格边框亮边框色（左上边框顔色）

Bordercolordark 表格暗边框色（右下边框顔色）

Bordercolor 行的边框顔色 Width表格的宽度 Height表格的高度

Bgcolor表格的背景顔色 Background表格的背图像

<Tr>标记属性 Align行内容的水平对齐 Valign 行内容的垂直对齐

Bgcolor 行的背景顔色 Background 行的背景图像

Bordercolor 行的边框顔色 Bordercolorlight 行的亮边框顔色

Bordercolordark 行的暗边框顔色

<Td>标记属性 Align单元内容的水平对齐 Valign单元格内容的垂直对齐

Bgcolor 单元格的背景顔色 Background 单元格的背景图像

Bordercolor单元格的背景顔色 Bordercorlorlight单元格的亮边框顔色

Brodercolordark 单元格的暗边框顔色 Width 单元格的宽度

Height单元格的高度

<Th>标记属性 Align表头内容的水平对齐 Valign表头内容的垂直对齐

Bgcolor 表头的背景顔色 Background表头的背景图像

Bordercolor表头的边框顔色 Bordercolorlight 表头的亮边框顔色

Bordercolordark 表头的暗边框顔色 Width 表头的宽度 Height 表头的高度

八.表单

1.表单标记 <Form>表单标记 <Input>表单输入标记

<select>菜单和列表标记 <Option>菜单和列表项目标记

2.属性 <Form> Name表单的名称

Method 定义表单结果从浏览器传送到服务器的方法，一般有两种方法：get,post

Action 用来定义表单处理程序（一个Asp,CGI等程序）的位置（相对地址或绝对地址）

<lnput>标记属性 Name 域的名称 Type域的类型

Maxlength 域的最大输入字符数 size域的宽度 Value 域的默认值

<Select>标记属性 Name 菜单和列表的名称 size 显示的选项数目

Multiple 列表中的项目多选 Value 选项值 selected默认选项

<Texrarea>标记属性 Name 文字域的名称 Rows文字域的行数

Cols 文字域的列数 Value 文字域的默认值

Type属性值 Text 文字域 Password 密码域 File 文件域

Checkbox复选框 Redio单选框 Button普通按扭

Submit 提交按钮 Reset重置按钮 Hidden隐藏域Image图像域

九.滚动

滚动标记 <Marquee>

<Marquee>标记属性 Direction 滚动方向 up 文字向上滚动 Left文字向左滚动

Behavior 滚动方式 Scroll 循环往复

Side 只做一次滚动

Alternate 交替进行滚动

ScrollAmount 滚动速度

ScrollDelay 滚动延迟

Trim函数用来剔除首尾空格

十.框架

1.标记 <Frameset> 框架边框标记 <Frame> 框架标记 <Iframe>浮动框架标记

<Frameset>标记属性 Cols列 Rows行

<Frame> 标记属性 src框架中显示页面源文件的路径

FrameBorder 框架边框显标属性 FrameSpacing框架边框宽度属性

Scrolling框架滚动条显示属性 NoResize 框架尺寸调整属性

BorderColor 框架边框顔色属性 MarginWidt 框架边框缘宽度属性

MarginHerght框架边缘高度属性

<1frame> 标记属性 src浮动框架中显示页面源文件的路径

Width 浮动框架的宽度 Height 浮动框架的高度

Name 浮动框架的名称

Align 浮动框架的排列方式 Left表示居左 Center表示居中 Right表示居右

FrameBorder 框架边框显示属性 FrameSpacing 框架宽度属性

Scrolling 框架滚动条显示属性 ( yes显示 No不显示 Auto根据页面的长度自动判断是否晶粒示滚动条

NoResize 框架尺寸调整属性 BorderColor框架的顔色

MarginWidth 框架边缘宽度属性 MarginHeight 框架边缘高度属性

插入刷新

步骤：1.选择"查看/文件头内容"

2.在插入面板上，打开HTML选项卡

优化代码

打开文件窗口，执行"命令、清理HTML"命令

文本换行：Enter 行距较大

Enter + Shift 行距较小

插入水平线设置顔色：单击属性面板中的快捷标签编辑器按钮

在代码中键入"color = #顔色值"

当图像无法显示时将显示这段文字：

图像属性中的替代→输入文字

插入鼠标经过图像:准备两张图像

在文件窗口中，将光标放置于需要翻转图像位置→插入工具栏中单击鼠标经过图像

Ⅱ.使用导航条：

在"常用"对象组中，单击"图像"小三角→导航条

插入图像占位符：图像小三角→图像占位符

Flash动画的背景实现透明参数wmode 值 transparent

插入 Java Applet

插入表单

插入表单域：对象面板上"表单"→插入表单

插入文本域：单击面板上的插入文本域. 初始值 = 打开时显于的文字

插入密码框：在属性面板上选择密码

插入多行文本域：在类型后选择多行

插入隐藏域：对象面板→插入隐藏域

插入按钮：标签用来设置按钮上显示的文本

插入图像提交按钮=图像域：

插入文件上传按钮=文件域：

插入单选框

插入单选按钮组：Label文字说明 Value 单选按钮的值

插入复选框

菜单/插入列表：列表值→

插入跳转菜单：(

制作网页链接

URL统一资源定位器

目标：_blank在一个新的未命名的浏览器窗口中打开

_parent如果是嵌套的框架，链接会在父框架或窗口中打开，否则=_top

_top在完整的浏览器中打开

创建搜索页

运行中输入:

Inetmgr (IIS

Odbcad32 (odbc

Asp对象

Applicatipn 在给定的应用程序的所有用户间共享信息,并在服务器运行期间持久地保存数据。

集合： Contents

staticObjects

Item（变量值）=设置资料变量的值

Key（变量名称）=设置资料变量的名称

Count（变量资料的数量）=表示

Coutents集合中资料的总数量

方法： Lock

Unlock

事件： Applicatipn_Onstart

Application_OnEnd

Session 存储特定的用户会话所需的信息

属性：CodePage

LCID

SessionID

Timeout

集合：Contents

StaticObjects

方法：Abandon

事件：Session_Onstart

Session_OnEnd

Response 用来控制发送给用户的信息，包括直接发送信息给浏览器，重定位浏览器到另一个URL或设置Cookie值

属性： Buffer

CacheControl

Charset

ContentType

Expires

ExpiresAbsolute

IsClientConnected

PICS

Status

集合： Cookies

方法： AddHeader

AppendToLog

BinaryWrite

Clear

End

Flush

Redirect

Write

Request 访问任何基于HTTP请求传递的信息，常见的有从HTML表单用Post方法或Get方法传递的参数，Cookie或用户认证等。

属性： TotalBytes

集合： ClientCertificate

Form

QueryString

ServerVaiables

方法： BinaryRead

Server 提供对服务器方法和属性的访问

属性： ScriptTimeout

集合：无

方法： CreatObject

HTMLEncode

MapPath

URLEncode

Recordset

MoveNext 将前数据记录移至下一条

MovePrevious 将当前数据记录移至上一条

MoveFirst 将当前数据记录移至第一条

MoveLast 将当前数据记录移至最后一条

AbsolutePosition=N 将当前数据记录移至第N条

EOF 当前数据记录是否移过了最后一条（发生于向下移动时）

BOF 当前数据记录是否移过了第一条（发生于向上移动时）

VBScript 运算符

算术运算符

指数取负乘法除法加法减法取模连接整数除法

∧ － * ／ ﹢ ﹣ Mod & \

比较运算符

相等不相等小于大于小于或等于大于或等于对象相象

= <> < > <= >= IS

逻辑运算符

逻辑非逻辑与逻辑或异或逻辑等于逻辑蕴含

Not And Or Xor Eqv Imp

在线咨询

上一篇：Web 性能优化：使用 CSS font-display 控制字体加载和替换
下一篇：「PHP」短信接口(正则匹配)

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

整合营销服务商

软件测试学习笔记丨Web端测试-HTML讲解

、目录

二、HTML基本概念

2.1、什么是 HTML

2.2、HTML的发展

三、HTML基本结构

四、HTML基本标签

4.1、标签和属性

4.2、标签的属性

4.2、HTML全局属性

五、HTML事件

5.1、HTML事件—窗口事件

5.2、HTML事件—表单事件

5.3、HTML事件—键盘事件

5.4、HTML事件—鼠标事件

5.5、HTML事件—多媒体事件

六、标签

6.1、注释标签

6.2、文档标题标签

6.3、标题标签

6.4、段落标签

6.5、容器标签1

6.7、容器标签2

6.8、图像标签

6.9、超链接标签

6.10、列表标签

6.11、列表标签 - 有序列表

5.12、表格标签

6.13、表单域

6.14、表单标签

6.15、文本标签

6.16、下拉菜单

输入类组件 —— input

文本域 —— textarea

下拉菜单和多选列表

您的项目需求