一 web掐斷三大核心技術

HTML：負責網頁的結構
CSS：負責網頁的美化
JS：負責網頁的行為

二 工具的使用

改變HBuilder文字的大小：
工具-視覺主題設置-大小22-確定

三 html簡介

中文定義：超文本標記語言
新建一個html網頁：
1.新建“代碼”文件夾
2.拖拽文件夾到HBuilder的項目管理器中
3.在文件夾里面新建一個html文件

四 html骨架標簽

骨架標簽：新建的時候默認生成的那些標簽

meta標簽可以設置網頁的字符集（utf8 國際編碼）

title標簽設置網頁的標題

body標簽設置網頁的主體內容部分

五 文章標題標簽

h1到h6分六級，依次減小效果，每個標題都是獨占一行空間；
注意：不能自己造標簽，因為無法正常運行

六 空格和回車

一個空格： ?

一個換行，一個回車：

注意：因為換行有很多種格式，測試細節的時候，以瀏覽器最終運行效果為準

七 p標簽和標簽語義化

p（passage）負責放文章段落的；
語義化：在合適地方使用合理的標簽，就叫滿足標簽語義化。

八 代碼注釋

程序員給自己代碼的提醒文字，瀏覽器不會直接顯示；
快捷鍵：Ctrl+？ 再按一次會取消注釋
測試要注意：項目上線之前，要求程序員刪除注釋的內容，目的是加快網頁的加載速度。

九 文字相關的標簽

b和strong都用來代表加粗，strong代表強調的語義；
i和em都可以實現傾斜，em代表強調；
s和del都可以實現刪除線效果，del主流

十 img標簽

插入圖片標簽；
鍵值對，key和value，屬性名和屬性值
身高=“180”
年齡=“17”
體重=“150”

步驟：
1.先把圖片準備好，復制到與html同一級別的文件夾下
2.src（source）代表資源，后面寫圖片名稱
3.width寬度，height高度，
只設置其中一個，圖片會按照當前比例尺寸來調整，如果都設置，才會按照寬和高來調整。
4.title為鼠標懸停提示文字
5.alt 后面的內容只有當當前圖片資源加載不出來的時候才會顯示，或者讀給網頁閱讀器聽

十一 超鏈接標簽

超鏈接：點擊之后實現頁面內容的跳轉
1.打開線上的網站需要加上http協議
href屬性對應的屬性值應該帶上http協議

2.如果想要百度頁面在新窗口打開

需要加一個target=“_blank”

3.如果想打開本地頁面，需要把想要打開的文件和當前文件放在同一個文件夾里

在href里面寫上想要打開的文件即可

4.空連接
暫時不知道點擊之后跳轉到哪里，使用空鏈接占位，當知道具體要跳轉的位置后，再回來更改即可

注：測試工作的時候，如果發現程序員使用#來表示返回頂部效果，一定要提示程序員，要用動畫效果實現，用戶體驗才更好。

總結

以上是生活随笔為你收集整理的软件测试2的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。