一 web掐斷三大核心技術(shù)

HTML：負(fù)責(zé)網(wǎng)頁的結(jié)構(gòu)
CSS：負(fù)責(zé)網(wǎng)頁的美化
JS：負(fù)責(zé)網(wǎng)頁的行為

二 工具的使用

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

三 html簡介

中文定義：超文本標(biāo)記語言
新建一個(gè)html網(wǎng)頁：
1.新建“代碼”文件夾
2.拖拽文件夾到HBuilder的項(xiàng)目管理器中
3.在文件夾里面新建一個(gè)html文件

四 html骨架標(biāo)簽

骨架標(biāo)簽：新建的時(shí)候默認(rèn)生成的那些標(biāo)簽

meta標(biāo)簽可以設(shè)置網(wǎng)頁的字符集（utf8 國際編碼）

title標(biāo)簽設(shè)置網(wǎng)頁的標(biāo)題

body標(biāo)簽設(shè)置網(wǎng)頁的主體內(nèi)容部分

五 文章標(biāo)題標(biāo)簽

h1到h6分六級，依次減小效果，每個(gè)標(biāo)題都是獨(dú)占一行空間；
注意：不能自己造標(biāo)簽，因?yàn)闊o法正常運(yùn)行

六 空格和回車

一個(gè)空格： ?

一個(gè)換行，一個(gè)回車：

注意：因?yàn)閾Q行有很多種格式，測試細(xì)節(jié)的時(shí)候，以瀏覽器最終運(yùn)行效果為準(zhǔn)

七 p標(biāo)簽和標(biāo)簽語義化

p（passage）負(fù)責(zé)放文章段落的；
語義化：在合適地方使用合理的標(biāo)簽，就叫滿足標(biāo)簽語義化。

八 代碼注釋

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

九 文字相關(guān)的標(biāo)簽

b和strong都用來代表加粗，strong代表強(qiáng)調(diào)的語義；
i和em都可以實(shí)現(xiàn)傾斜，em代表強(qiáng)調(diào)；
s和del都可以實(shí)現(xiàn)刪除線效果，del主流

十 img標(biāo)簽

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

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

十一 超鏈接標(biāo)簽

超鏈接：點(diǎn)擊之后實(shí)現(xiàn)頁面內(nèi)容的跳轉(zhuǎn)
1.打開線上的網(wǎng)站需要加上http協(xié)議
href屬性對應(yīng)的屬性值應(yīng)該帶上http協(xié)議

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

需要加一個(gè)target=“_blank”

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

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

4.空連接
暫時(shí)不知道點(diǎn)擊之后跳轉(zhuǎn)到哪里，使用空鏈接占位，當(dāng)知道具體要跳轉(zhuǎn)的位置后，再回來更改即可

注：測試工作的時(shí)候，如果發(fā)現(xiàn)程序員使用#來表示返回頂部效果，一定要提示程序員，要用動(dòng)畫效果實(shí)現(xiàn)，用戶體驗(yàn)才更好。

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。