前端知識標籤01

一標籤知識

1、自閉和標籤如：

2、主動閉合標籤如：雙魚座title>

3、link 標籤

title的圖示

rel代表link做什麼用，href代表路徑

4、瀏覽器f12後 debug各功能代表什麼

1）elements是頁面的一些原始碼

2）console 是前端的除錯臺

3)sources 能直接看到本地的一些原始檔

4)network 抓請求的位置

5)performance

6)memory

9)security

10)audits

5、body標籤中可以用到的其他標籤介紹

標籤1)h1 標題標籤，這個標籤一共有6個，h1到h6 1到6的區別：字型逐漸變小注：快捷鍵ctrl+d 複製這一行** ctrl+？快速注釋

標題標籤h1>

2）段落標籤

二個標籤的區別：p標籤debug的時候能看到一整個段落，span標籤的話只是自己，具體可以自己debug看下區別

像p標籤這種佔滿一整行的標籤叫做塊級標籤

先span這種只佔滿自己內容的標籤叫做行內標籤；span標籤也是白版標籤，即一點css的樣式都沒有新增

空格的新增方法：如果需要<>新增這個需要在內容前面新增< >

《測試測試》

和span這種白版標籤的區別是：debug-elements中，滑鼠選中div標籤內容後，右下角的styles中display:block是有內容的

換行便簽，位置：在段落標籤的內容中新增這個可以讓內容自動換行

年輕,就是拿來折騰的。讓自己具備獨立生活的能力，具備一技之長的資本，

是需要無數個夜晚的靜思，無數寂寞時光的堆積而成的p>

一文字框標籤 value賦值，輸入框中預設value中的值 password屬性 type型別是密碼型別，輸入框中輸入內容，顯示格式是.是否記住登入 checked checked勾選框預設是選中狀態性別屬性男 name後面是性別屬性女 type radio 和上面的男互斥，只能選中乙個 b...

一選擇器通過什麼方式來定位 1 sytle標籤 style標籤功能寫css樣式的 sytle標籤的幾種寫法 1 可以在head裡面新增乙個style標籤 2 在head標籤中通過link標籤，引入css樣式表 3 也可以在body中某標籤裡面直接新增style樣式屬性如 styleshee...

前端知識 標籤01