圖片標(biāo)簽
標(biāo)簽img
-
標(biāo)簽屬性
src：表示可以導(dǎo)入圖片的路徑
alt：表示在圖片加載失敗時(shí)候提示文本（寫(xiě)圖片的描述）優(yōu)化作用
路徑
-
絕對(duì)路徑（不推薦）
含有電腦盤(pán)符的路徑地址
只能在自己的電腦中使用填渠，不可以在其他電腦或服務(wù)器中使用
-
相對(duì)路徑
同級(jí)找同級(jí)：目標(biāo)文件文件名.拓展名
父級(jí)找子級(jí)：文件夾名/目標(biāo)文件全稱(chēng).拓展名
子級(jí)找父級(jí)：../目標(biāo)文件文件名.拓展名
-
常用路徑情況
./ 表示當(dāng)前目錄选调，可以省略不寫(xiě)
../ 表示跳出當(dāng)前文件夾，返回上一級(jí)，有幾個(gè)層寫(xiě)幾次
超標(biāo)簽鏈接
- 標(biāo)簽名稱(chēng)：a
<a ></a>
-
默認(rèn)樣式：
文字有默認(rèn)的顏色（顏色會(huì)變化）
文字有下劃線
當(dāng)鼠標(biāo)移入的時(shí)候會(huì)有手型（引導(dǎo)用戶點(diǎn)擊鏈接）
-
標(biāo)簽屬性
href：跳轉(zhuǎn)的路徑地址
title：當(dāng)鼠標(biāo)移入文本時(shí)候的提示內(nèi)容
target：目標(biāo)，表示點(diǎn)擊打開(kāi)窗口的方式
_self 默認(rèn)值，覆蓋原窗口 _blank 表示打開(kāi)新的窗口頁(yè) -
拓展：<base>標(biāo)簽，寫(xiě)在頭部文件中
<head> <base target="_blank"> </head>
盒子標(biāo)簽
- div 實(shí)現(xiàn)布局
- span 包裹文本
一些轉(zhuǎn)義字符
- < ：小于號(hào)
- > ：大于號(hào)
-   ：不換行空格
- & ：&
- &quto ：引號(hào)
- ® ：已注冊(cè)
- © ：版權(quán)
- &trade ： 角標(biāo)
總結(jié)
關(guān)于HTML常用標(biāo)簽的嵌套關(guān)系
- 固定搭配： ul>li ol>li dl>dt+dd
- 常用搭配：i>b b>i a>img
- 錯(cuò)誤搭配：p不可以嵌套p標(biāo)簽和h標(biāo)簽
- div標(biāo)簽可以嵌套一切
表單標(biāo)簽
- 作用：收集用戶信息
- 表單的標(biāo)簽：表單框/表單域、表單控件
- 使用：盒子辱姨，裝用戶信息，發(fā)送給后臺(tái)進(jìn)行保存用戶信息
- 標(biāo)簽名稱(chēng) form
- 表單框的特點(diǎn)：沒(méi)有任何樣式戚嗅，就是一個(gè)盒子而已
- 表單框的屬性
- action 行為動(dòng)作 表示用戶提交發(fā)送地址
- method 方式方法 表示發(fā)送數(shù)據(jù)的方式
- ?后面攜帶參數(shù)（用戶信息）
- 表單控件的使用【重點(diǎn)】
- 標(biāo)簽名稱(chēng)：input
- 標(biāo)簽屬性（HTML4）
- type 類(lèi)型 改變的是當(dāng)前表單控件的類(lèi)型雨涛，默認(rèn)text是文本輸入框
- value 價(jià)值/作用，表示可以根據(jù)不同的數(shù)據(jù)類(lèi)型設(shè)置提示（默認(rèn)是占位置懦胞，需要手動(dòng)刪除）
- placeholder 提示：HTML5新增加的屬性（默認(rèn)不占位置替久，不需要手動(dòng)刪除）
- name 表示發(fā)送的時(shí)候綁定數(shù)據(jù)
- type類(lèi)型有哪些屬性值？
- text 默認(rèn)值医瘫，表示文本輸入框
- password 密碼
- 常見(jiàn)的功能按鈕（必須寫(xiě)在form標(biāo)簽中）
- submit 提交
- reset 重置
- 特殊的情況：空按鈕（工具人）
- 設(shè)置type="button"
- 設(shè)置button標(biāo)簽侣肄，默認(rèn)會(huì)提交一次頁(yè)面（submit）
<body>
<form action="admin.php" method=“post”>
<p>姓名：<input type="text" value="請(qǐng)輸入姓名" name="username"></p>
<p>密碼：<input type="password" palceholder="請(qǐng)輸入密碼" name="password"></p>
<p><input type="submit" value="提交">
<input type="reset" value="重置"></p>
<input type="button" onclick="alert('aaa')" value="fortest">
</form>
</body>
