2. 程式人生 > 其它 >HTML常見標籤及黑馬頭條測試全流程-DAY4

HTML常見標籤及黑馬頭條測試全流程-DAY4

阿新 • • 發佈：2022-03-31

♥、學習目標

    • 明確HTML常見標籤
    • 根據測試流程對黑馬頭條登陸進行需求分析
    • 提取登陸模組測試點並設計登陸用例
    • 能實用工具對缺陷進行管理

一、常見HTML標籤

1、html介紹

2、html骨架標籤

   <title>標籤一般是標題或搜尋等內容

 

     3、常用標籤

標籤例項  效果

<body>
<h1>一級標題</h1>
<h2>二級標題</h2>
<h3>三級標題</h3>
<h4>四級標題/h4>
<h5>五級標題</h5>
<h6>六級標題</h6>
<p>段落標題</p>
<a href="網址加http協議" target="視窗開啟方式，預設_blank新視窗“>超連結標籤</a>
<img src="圖片路徑或圖片網址" title="懸停提示資訊"/>單標籤
<br />換行單標籤
&nbsp;空格，可以在文字等內容存在
<div class="" style="background: blueviolet;">
大盒子1
</div>
<div style="background: brown;">大盒子2</div>
<span style="background: greenyellow;">span標籤</span>
<span style="background: green;">span標籤2</span>
<ul style="color: red;">無序標籤|div與span區別
<li>div標籤是塊級元素，標籤裡的內容佔據一行，不會與其他標籤在一行顯示；</li>
<li>div標籤可以通過css樣式來設定自身的寬度></li>
<li>div標籤中，可以使用其他標籤</li>
<li>span是行內元素，會和其他標籤元素會在一行顯示</li>
<li>span標籤的寬度、高度都無法通過css樣式設定</li>
<li>span不能容納塊節元素</li>
</ul>
<ol>有序標籤
<li></li>
<li></li>
</ol>
<form name="login" method="post" action="URL地址；指定form表單向何處傳送資料">表單標籤
<table align="center" name="表格佈局">
<caption>表格標題</caption>
<tr name="表格行">
<td>使用者名稱</td>
<td><input type="text" name="" id="" value="" />td單元格</td>
</tr>
<tr>
<td>密碼</td>
<td><input type="password" name="" id="" value="" />不會明文顯示</td>
</tr>
<tr>
<td>性別</td>
<td><input type="radio" name="sex" id="" value="" />男
<input type="radio" name="sex" id="" value="" checked="checked"/>女，name一致為一組</td>

</tr>
<tr>
<td>喜好</td>
<td>
<input type="checkbox" name="read" id="" value="" />看書
<input type="checkbox" name="game" id="" value="" />打遊戲
<input type="checkbox" name="tv" id="" value="" />看電視
<input type="checkbox" name="eat" id="" value="" />吃火鍋
</td>
</tr>
<tr>
<td><input type="button" name="" id="" value="" />普通按鈕
<input type="submit" name="" id="" value="" />提交按鈕
<input type="reset" name="" id="" value="" />重置按鈕</td>
</tr>
</table>
</form>

 

 

    註釋：國際通用註釋，使用ctrl+/進行註釋。測試時需要檢查或刪除。（f12程式碼可以看到註釋，防止看到資訊，可參考蝦米註釋問題）

  1. 圖片必須有title屬性，title圖片載入時滑鼠懸停資訊，圖片未載入時顯示資訊（優先順序低於alt,體驗感強)
  2. img中alt和title區別:
        • alt 此屬性的實質作用是圖片在無法正確顯示的時候起到文字替代的作用,不過在IE6下還起到了title的作用（滑鼠放上去後的文字提示）\
        • title 滑鼠滑過時顯示的文字提示
        • 兩者皆有時圖片載入不成功，圖片位置顯示alt，經過文字區域時顯示title

 3、相對路徑：當前位置./可以直接省略./,上一級../

       絕對路徑;不推薦

4、form標籤作用：提交頁面輸入資料，屬性：action為資料提交的頁面，method確認post還是get

     　　　　   get：α引數在url中顯示；β速度 比post快；γ提交內容長度有限制

                     post:引數不在url中顯示，速度比get慢，提交內容無限制

　　　　　　get和post場景：get查詢按鈕，post提交資料（登陸、註冊）

 

4、什麼是抓包？

 

 

 

相關推薦

HTML常見標籤及黑馬頭條測試全流程-DAY4

♥、學習目標 明確HTML常見標籤 根據測試流程對黑馬頭條登陸進行需求分析 提取登陸模組測試點並設計登陸用例

HTML基礎標籤及css基礎

<!DOCTYPEhtml> <!--html5的標識，告訴瀏覽器這是一個html5的頁面 請按解析html5的方式解析-->

常見標籤及使用

一、常見標籤<h1>標題</h1> <!-- 有h1到h6 --> <u>下劃線</u> <i>斜體</i><em>斜體</em> <b>加粗</b>換行<br> <del>刪除線</de

2022.3.13 初學HTML 瞭解標籤及屬性

<h1>標籤通用屬性</h1>1.標籤由標籤名、標籤屬性和文字內容三部分組成（注意：單標籤沒有文字內容。2.標籤屬性是對標籤的一種描述方式。3.標籤屬性分通用屬性、自有屬性和自定義屬性。4，通用屬性：所有

HTML的基本標籤及實體符號

開始標籤常被稱為起始標籤（opening tag），結束標籤常稱為閉合標籤（closing tag）。

java讀取html檔案,並獲取body中所有的標籤及內容的案例

這裡的獲取的是html檔案中body中的所有標籤以及內容 package com.lmt.service.file; import java.io.BufferedReader;

python去除html標籤及標籤裡面的內容

使用正則表示式去除htm標籤，只取出標籤裡面的文字內容 >>> import re >>>

html預設css樣式的標籤及去除(全域性)

1.標籤的預設樣式和清除預設樣式（統一全域性樣式）的程式碼 大多數標籤都有自己的預設樣式，比如遇到的body預設外邊距，另外本例中ul前的圓點及左側的內邊距，另h1-h6字型大小各不相同，em預設為斜體，strong表示粗

HTML通用屬性與常見標籤

HTML通用屬性和相關標籤的知識，其實感覺沒啥用，真不會的話，其實會到MDN上搜了。

效能測試常見瓶頸及調優方法

在效能測試過程中，最重要的一部分就是效能瓶頸定位與調優。而引發效能瓶頸的原因是多種多樣的，在之前的部落格：常見的效能測試缺陷有進行介紹。

HTML中常用的單標籤和雙標籤及form表單

技術標籤：html 雙標籤 <h1>...</h1> <h1>一級標題</h1> <h2>二級標題</h2>

html的介紹，html文件樹的概念，meta標籤及一些基本標籤

前端概述 from socket import * def main(): sock = socket(AF_INET, SOCK_STREAM) sock.bind((\'localhost\', 8080))

【01】HTML語法規範及基本標籤

【01】HTML學習路線：　　 　　　　HTML5基礎（20%）--CSS3基礎（50%）--H5C3提高（10%）--專案-品優購電商網站（20%）

HTML 元素標籤語義化及使用場景

靈魂三問： 標籤語義化是什麼？為什麼要標籤語義化？標籤語義化使用場景有哪些？

[軟體測試] sonar 常見問題及修復思路

1 sonar 概述 sonar 是什麼? Sonar 是一個用於程式碼質量管理的開放平臺。通過外掛機制，Sonar 可以整合不同的測試工具，程式碼分析工具，以及持續整合工具。

JVM系列（1）- JVM常見引數及堆記憶體分配

常見引數配置 基於JDK1.6 -XX:+PrintGC每次觸發GC的時候列印相關日誌 -XX:+UseSerialGC序列回收模式

Java程式常見異常及處理彙總

一、JDK中常見的異常情況 1、常見異常總結圖 2、java中異常分類 Throwable類有兩個直接子類：

CentOS環境下安裝Redis3.0及phpredis擴充套件測試示例

本文例項講述了CentOS環境下安裝Redis3.0及phpredis擴充套件測試。分享給大家供大家參考，具體如下：

mysql 無法聯接常見故障及原因分析

=====================================================================================================

tensorflow-gpu安裝的常見問題及解決方案

裝tensorflow-gpu的時候經常遇到問題，自己裝過幾次，經常遇到相同或者類似的問題，所以打算記錄一下，也希望對其他人有所幫助