HTML基礎(chǔ)語法（1）
WebStorm快捷鍵
查找：Ctrl + f
查找替換： Ctrl + r
折疊代碼： Ctrl + “-/+”
HTML語法注意
換行： <hr>
分割線：<br>
圖片： <img>
以上三個標(biāo)簽沒有結(jié)束標(biāo)簽
空格
> >
< <
- PNG 有透明背景
- title 屬性立叛，用于鼠標(biāo)懸停時的文字提示
target屬性有兩個："_blank","_self"
- "_blank" 會打開新頁面
- "_self" 刷新當(dāng)前頁面顯示新頁面
- a標(biāo)簽的跳轉(zhuǎn)方式為GET
- HTML 語言不區(qū)分大小寫
- 超鏈接a中href="#"不會刷新頁面陨倡，會在本頁面中進(jìn)行錨點(diǎn)檢索瞎嬉，找不到不進(jìn)行頁面跳轉(zhuǎn)柄粹。（雖然不跳轉(zhuǎn)和刷新頁面社搅，但是會留下歷史紀(jì)錄）
- href=" "會刷新本頁面
錨點(diǎn)鏈接
- 拋錨：<a name = "top"></a>
- 跳轉(zhuǎn)： <a href = "#top"></a>
集合
無序列表
<!--
1. 無需列表獨(dú)占一行
2. ul標(biāo)簽有間距
3. li有縮進(jìn)蝇狼，圖標(biāo)
4. 結(jié)構(gòu)統(tǒng)一
5. 屬于一個整體
-->
常用的使用方法
<!--
1. 去掉前后間隔
2. 去掉縮進(jìn)谅猾，圖標(biāo)
3. 橫向顯示
-->
<ul>
<li></li>
</ul>
有序列表
<ol>
<li></li>
</ol>
快捷編碼
p>a[hret="bilibili.com"]{text01$}*5
<!--
a: markup
text01: innertext
href: attribute
bilibili.com: value
-->
內(nèi)聯(lián)框架iframe
iframe 用于 嵌套 其他頁面领斥，前端很少使用映九，常用在 后臺管理系統(tǒng)的頁面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>iframe-內(nèi)聯(lián)框架(了解梦湘，后臺管理常使用)</title>
</head>
<body>
內(nèi)聯(lián)框架:嵌套 其他網(wǎng)頁
<!--frameborder :iframe的邊框-->
<iframe width="100px" height="200px" src="http://www.baidu.com" frameborder="1"></iframe>
<br>
</body>
</html>
表單
input 的 placeholder屬性可以制定輸入文本框中的提示文字
響應(yīng)是網(wǎng)站是可以隨著設(shè)備的便會做出改變已達(dá)到更好的顯示效果的網(wǎng)站，是我們以后的研究方向
后臺也要進(jìn)行數(shù)據(jù)合法性的驗(yàn)證件甥，防止API登錄
radio中將name值設(shè)置相同可以將他們綁定為一組
使用checked設(shè)置默認(rèn)值
注意不要忘記填寫標(biāo)簽的name屬性捌议，防止網(wǎng)站不響應(yīng)。
