軟件測試學習筆記丨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

下拉菜單和多選列表

您的項目需求