軟件測試學(xué)習(xí)筆記03
前端三大核心HTML
html:超文本標(biāo)記語言,有一套標(biāo)記標(biāo)簽組成
標(biāo)簽:
單標(biāo)簽:<標(biāo)簽名 />
雙標(biāo)簽:<標(biāo)簽名></標(biāo)簽名>
屬性:描述某一特征,示例:<a 屬性名=“屬性值”>
html骨架標(biāo)簽
html:根標(biāo)簽,所有的內(nèi)容都應(yīng)該放到html標(biāo)簽中
head:頭部標(biāo)簽
body:身體標(biāo)簽(代碼編寫區(qū)域)
注釋:作用:描述的內(nèi)容不會被瀏覽器執(zhí)行
????????? 說明:解析程序給程序員看
????????? 快捷鍵:ctrl+/??? <!--注釋區(qū)域-->
????????? 測試點(diǎn):前端頁面上線之前檢查注釋描述或去除注釋
標(biāo)簽:標(biāo)題:h1~h6?? h1最大,h6最小
????????? 段落:p?? 特點(diǎn):語義化,獨(dú)占一塊(換行)
????????? 超鏈接:a 說明:點(diǎn)擊文本跳轉(zhuǎn)到指定頁面
????????????????????????? 語法:<a href="https://www.baidu.com">文本</a>
????????????????????????? 屬性:href:跳轉(zhuǎn)的地址或文件
??????????????????????????????????? traget:打開窗口模式。 新窗口:target=“_blank”
?????????? 圖片:img? 說明:在頁面中插入一張圖片
???????????????????????????? 測試點(diǎn):必須有title屬性(懸停和未加載顯示)
????????????????????????????? 屬性:src:圖片路徑? title:懸停顯示文字 width:寬 height:高 alt:圖片未加載顯示
?????????? 空格與換行:
???????????????????? 空格: ;&->shift+7
???????????????????? 換行:<br />
??????????? 布局標(biāo)簽:作用:設(shè)置頁面布局,便于排版
???????????????????????????? 大盒子:div? 獨(dú)占一行
???????????????????????????? 小盒子:span? 一行可以放多個(gè)
?????????? 列表:有序列表:<ol><li>文本</li></ol>? 無序列表:<ul><li>文本</li></ul>
???????????????????? script:js標(biāo)簽? style:css標(biāo)簽? link:外部加載css標(biāo)簽
??????????? input標(biāo)簽:文本框:<input type="text" />
????????????????????????????? 密碼框:<input type="password" />
????????????????????????????? 單選按鈕:radio
????????????????????????????? 復(fù)選按鈕:checkbox
????????????????????????????? 普通:type=button
????????????????????????????? 提交:type=submit
????????????????????????????? 重置:type=reset
??????????? 按鈕測試點(diǎn):統(tǒng)一使用value進(jìn)行賦值
??????????????????????????????? 提示:普通按鈕默認(rèn)沒有執(zhí)行效果,需要配合js來實(shí)現(xiàn)
??????????? form標(biāo)簽:作用:提交頁面輸入的數(shù)據(jù)到指定頁面或后臺
?????????????????????????????? 屬性:
?????????????????????????????????????? action:指定將數(shù)據(jù)提交到那個(gè)頁面
?????????????????????????????????????? method:提交參數(shù)的方法(get,post)
????????????????????????????????????????????? get:查詢使用
??????????????????????????????????????????????????? 1.參數(shù)url明文顯示2.提交速度快3.提交參數(shù)有長度限制
????????????????????????????????????????????? post:提交數(shù)據(jù),登錄,注冊
??????????????????????????????????????????????????? 1.非明文顯示2.提交速度慢3.提交參數(shù)的長度無限制