軟件測試學習筆記丨Web端測試-HTML講解
、目錄
- HTML 基本概念
- HTML 基本結構
- HTML 基本標簽
二、HTML基本概念
2.1、什么是 HTML
- 超文本標記語言（Hyper Text Markup Language）
- 描述網(wǎng)頁的語言
- 傳輸最簡單的文本內容
- 可以表達文字內容之外的語言——HTML1.0
2.2、HTML的發(fā)展
- 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”></標簽名>
- 標簽可以擁有多個屬性
- 屬性必須寫在開始標簽中，位于標簽名后面
- 屬性之間不區(qū)分順序
- 標簽與屬性之間、屬性與屬性之間用空格隔開
- 每個屬性都有默認值，省略屬性則表示使用默認值
4.2、HTML全局屬性
- class：規(guī)定元素的類名
- id：規(guī)定元素唯一的id
- lang：設置元素中內容的語言代碼
- style：規(guī)定元素的行內樣式
- title：規(guī)定元素的額外信息
五、HTML事件
5.1、HTML事件—窗口事件
- 使用HTML事件觸發(fā)瀏覽器中的行為，比如啟動某一段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事件—多媒體事件
六、標簽
6.1、注釋標簽
- 標簽： < !-- 注釋內容 -- >
- 作用：在源文檔中插入注釋。注釋不會在瀏覽器中顯示
6.2、文檔標題標簽
- 標簽：
- 作用：
- 定義瀏覽器工具欄中的標題
- 提供頁面被收藏時的標題
- 顯示在搜索引擎中顯示的頁面標題
6.3、標題標簽
- 標簽：
- —
- 作用：
- 用來定義HTML的標題
- 用例定義最高等級的標題
- 用例定義最低等級的標題
- 屬性：全局屬性、事件屬性
6.4、段落標簽
6.5、容器標簽1
- 標簽：
- 作用：對行內元素進行組合，提供了一種將文本或文檔的一部分獨立出來的方式
- 屬性：全局屬性、事件屬性
6.7、容器標簽2
- 標簽：
- 作用：
- 定義了HTML文檔中一個分隔區(qū)塊或一個區(qū)域部分
- 經(jīng)常與CSS一起使用，用于定義網(wǎng)頁布局
- 屬性：全局屬性、事件屬性
6.8、圖像標簽
- 標簽：
- 作用：定義HTML頁面中的圖像
- 屬性：
- src：定義顯示圖像的URL(必選)
- alt：定義圖像的替代文本(必選)
- title：鼠標懸停圖像時顯示的文本
- width：圖像的寬度
- height：圖像的高度
- border：設置圖像邊框的寬度
6.9、超鏈接標簽
- 標簽：
- 定義超鏈接，從一個頁面鏈接到另一個頁面
- 屬性：全局屬性、事件屬性
6.10、列表標簽
<ul>
<li></li>
<li></li>
</ul>
- 作用：
- 定義無序列表
* <ul>與<li>一起使用，創(chuàng)建無序列表
- 屬性：全局屬性、事件屬性
6.11、列表標簽 - 有序列表
- 標簽：<ol><li>...</li><li>...</li></ol>
- 作用：
- 定義了一個有序列表，列表排序以數(shù)字來顯示
- 使用
- 標簽來定義列表選項
- 屬性：全局屬性、事件屬性
5.12、表格標簽
- 標簽：
- 表格：<table></table>
- 行：<tr></tr>
- 單元格：<td></td>
- 作用：定義表格
- 屬性：全局屬性、事件屬性
6.13、表單域
- 標簽：<form></form>
- 創(chuàng)建用戶輸入的HTML表單
- 屬性：全局屬性、事件屬性
- action：指定接收并處理表單信息的服務器URL地址
- method：表單數(shù)據(jù)提交的方式
- name：指定表單的名稱
6.14、表單標簽
- 標簽：
- 作用：定義了用戶可以在其中輸入的字段，輸入字段可以通過多種方式改變，取決于type的屬性
- 屬性、全局屬性、事件屬性
- type：規(guī)定要顯示input標簽的元素的類型
- text：單行文本（不可換行）
- password：密碼輸入框
- radio：單選框（配合name可以實現(xiàn)單選效果）
- checkbox：復選框
- button：普通按鈕
- submit：提交按鈕
- reset：重置按鈕
- image：圖像形式的提交按鈕
- file：文件域，點擊之后打開文件選擇器
- name：控件名稱，name相同則表示為同一組數(shù)據(jù)
- value：指定input元素的值
- size：顯示大小
- checked：是否被選中
- maxlength：控制輸入的最大字符長度
6.15、文本標簽
- 標簽：
- 定義一個多行的文本輸入控件
- 屬性：全局屬性、事件屬性
- cols：規(guī)定文本區(qū)域內可見的寬度
- disabled：規(guī)定禁用文本區(qū)域
- name：規(guī)定文本區(qū)域的名稱
- readonly：規(guī)定文本區(qū)域為只讀
- rows：規(guī)定文本區(qū)域內可見的行
- placeholder：規(guī)定一個簡短的提示，描述文本區(qū)域內期望的輸入值
6.16、下拉菜單
- 標簽：…
- 作用：
- 用來創(chuàng)建下拉列表
- 中的標簽定義了列表中的可用選項
- 屬性：全局屬性、事件屬性
- isabled：當屬性為true時，會禁用下拉列表
- multiple：當屬性為true時，可選擇多個選項
- name：定義下拉列表的名稱
- size：規(guī)定下拉列表中可見選項的數(shù)目
霍格沃茲的測試管理班是專門面向測試與質量管理人員的一門課程，通過提升從業(yè)人員的團隊管理、項目管理、績效管理、溝通管理等方面的能力，使測試管理人員可以更好的帶領團隊、項目以及公司獲得更快的成長。提供 1v1 私教指導，BAT 級別的測試管理大咖量身打造職業(yè)規(guī)劃。
融界2024年3月6日消息，據(jù)國家知識產(chǎn)權局公告，中國電信股份有限公司取得一項名為“基于JavaScript的惡意網(wǎng)頁檢測方法、設備及計算機可讀存儲介質“，授權公告號CN113971284B，申請日期為2020年7月。
專利摘要顯示，本發(fā)明公開涉及基于JavaScript的惡意網(wǎng)頁檢測方法、設備及計算機可讀存儲介質。根據(jù)本發(fā)明的基于JavaScript的惡意網(wǎng)頁檢測方法，包括：輸入JavaScript代碼；對JavaScript代碼進行混淆判斷；如果判斷JavaScript代碼是混淆JavaScript代碼，則對JavaScript代碼執(zhí)行基于動態(tài)分析的惡意網(wǎng)頁檢測；以及如果判斷JavaScript代碼是非混淆JavaScript代碼，則對JavaScript代碼執(zhí)行基于靜態(tài)分析的惡意網(wǎng)頁檢測。
本文源自金融界
ytest提供了一些hook函數(shù)，允許用戶自定義測試報告的生成方式和內容。這些hook函數(shù)允許您在測試運行過程中收集有關測試結果的信息，并將其用于生成自定義的測試報告。以下是一些常用的Pytest測試報告hook函數(shù)：
1. **pytest_html_report_title**
這個hook函數(shù)用于設置HTML測試報告的標題。示例：
```python
def pytest_html_report_title(report):
report.title="Custom Test Report Title"
```
2. **pytest_html_results_table_header**
這個hook函數(shù)用于自定義HTML測試報告中結果表格的標題行。示例：
```python
def pytest_html_results_table_header(cells):
cells.insert(2, html.th("Description"))
```
3. **pytest_html_results_table_row**
這個hook函數(shù)用于自定義HTML測試報告中結果表格的每一行。示例：
```python
def pytest_html_results_table_row(report, cells):
cells.insert(2, html.td(report.description))
```
4. **pytest_html_results_table_html**
這個hook函數(shù)用于自定義HTML測試報告中結果表格的HTML代碼。示例：
```python
def pytest_html_results_table_html(report, data):
if report.passed:
data.style="color: green;"
```
5. **pytest_terminal_summary**
這個hook函數(shù)用于在終端輸出中顯示測試概要信息。示例：
```python
def pytest_terminal_summary(terminalreporter, exitstatus):
passed=terminalreporter.stats.get("passed", 0)
failed=terminalreporter.stats.get("failed", 0)
terminalreporter.write_line(f"Passed: {passed}, Failed: {failed}")
```
通過使用這些hook函數(shù)，您可以根據(jù)需要定制測試報告的外觀和內容，以滿足項目或團隊的特定需求。
