柚子快報(bào)邀請(qǐng)碼778899分享：html 前端 我是一個(gè)頁(yè)面~

http://yzkb.51969.com/

hello

hello

hello

hello

hello

hello

刷新頁(yè)面：

div：默認(rèn)情況獨(dú)占一行 (塊級(jí)元素)

span：默認(rèn)情況不獨(dú)占一行 (內(nèi)聯(lián)元素)

其他的 html 標(biāo)簽大多都可以歸類到這兩類中

chrome 開發(fā)者工具

在頁(yè)面中按 F12

每個(gè) html 標(biāo)簽，本質(zhì)上都是一個(gè)"矩形"區(qū)域

在開發(fā)者工具中，能清楚地看到矩形區(qū)域的位置和大小 (以像素為單位)

外邊距：

標(biāo)題標(biāo)簽

正文中的標(biāo)題，不是頁(yè)面的標(biāo)題

< h1> 一級(jí)標(biāo)題

< h2> 二級(jí)標(biāo)題

< h3> 三級(jí)標(biāo)題

< h4> 四級(jí)標(biāo)題

< h5> 五級(jí)標(biāo)題

< h6> 六級(jí)標(biāo)題

上述六個(gè)標(biāo)題的默認(rèn)樣式不一樣

標(biāo)題編號(hào)越小，字體就越大越粗，可以通過(guò) CSS 來(lái)修改樣式

例：

我是一個(gè)頁(yè)面~

hello

hello

hello

hello

hello

hello

刷新頁(yè)面：

鏈接標(biāo)簽

< a> 表示鏈接 (link)，一點(diǎn)擊就能跳轉(zhuǎn)到某個(gè)頁(yè)面

通過(guò) href 屬性來(lái)確定跳到哪里去~

屬性都是放在開始標(biāo)簽中的，每個(gè)標(biāo)簽都可以有很多屬性

例：

我是一個(gè)頁(yè)面~

hello

hello

hello

hello

hello

hello

點(diǎn)我跳轉(zhuǎn)啦~

刷新頁(yè)面：

其他標(biāo)簽

< image>標(biāo)簽

不需要閉合標(biāo)簽；表示一張圖片

通過(guò) src 屬性，來(lái)確定照片的地址

若一個(gè)頁(yè)面中帶有 image 標(biāo)簽，瀏覽器就會(huì)自動(dòng)給服務(wù)器再次發(fā)送 http 請(qǐng)求來(lái)試圖獲取資源

例：

我是一個(gè)頁(yè)面~

hello

hello

hello

hello

hello

hello

點(diǎn)我跳轉(zhuǎn)啦~

刷新頁(yè)面：

form 標(biāo)簽

表單，用戶和服務(wù)器之間交互的重要途徑

表單里允許用戶輸入一些數(shù)據(jù)，借助表單能把數(shù)據(jù)提交到服務(wù)器上，進(jìn)而服務(wù)器就可以處理了

例:

我是一個(gè)頁(yè)面~

hello

hello

hello

hello

hello

hello

點(diǎn)我跳轉(zhuǎn)啦~

我是個(gè) p 標(biāo)簽

刷新頁(yè)面：

由上述結(jié)果，我們可以看出，input 是行向排列的

可以使用一個(gè) div 包裹起來(lái)，達(dá)到縱向排列的效果

部分修改內(nèi)容：

再次刷新：

連接服務(wù)器

最后

自我介紹一下，小編13年上海交大畢業(yè)，曾經(jīng)在小公司待過(guò)，也去過(guò)華為、OPPO等大廠，18年進(jìn)入阿里一直到現(xiàn)在。

深知大多數(shù)初中級(jí)Android工程師，想要提升技能，往往是自己摸索成長(zhǎng)，自己不成體系的自學(xué)效果低效漫長(zhǎng)且無(wú)助。

因此收集整理了一份《2024年Web前端開發(fā)全套學(xué)習(xí)資料》，初衷也很簡(jiǎn)單，就是希望能夠幫助到想自學(xué)提升又不知道該從何學(xué)起的朋友，同時(shí)減輕大家的負(fù)擔(dān)。

既有適合小白學(xué)習(xí)的零基礎(chǔ)資料，也有適合3年以上經(jīng)驗(yàn)的小伙伴深入學(xué)習(xí)提升的進(jìn)階課程，基本涵蓋了95%以上Android開發(fā)知識(shí)點(diǎn)！不論你是剛?cè)腴TAndroid開發(fā)的新手，還是希望在技術(shù)上不斷提升的資深開發(fā)者，這些資料都將為你打開新的學(xué)習(xí)之門！

如果你覺得這些內(nèi)容對(duì)你有幫助，需要這份全套學(xué)習(xí)資料的朋友可以戳我獲?。?！

由于文件比較大，這里只是將部分目錄截圖出來(lái)，每個(gè)節(jié)點(diǎn)里面都包含大廠面經(jīng)、學(xué)習(xí)筆記、源碼講義、實(shí)戰(zhàn)項(xiàng)目、講解視頻，并且會(huì)持續(xù)更新！ 學(xué)起的朋友，同時(shí)減輕大家的負(fù)擔(dān)。**

[外鏈圖片轉(zhuǎn)存中…(img-hiZySrfi-1714862057643)]

[外鏈圖片轉(zhuǎn)存中…(img-Qs8y7xzR-1714862057644)]

[外鏈圖片轉(zhuǎn)存中…(img-6HeIAqID-1714862057645)]

既有適合小白學(xué)習(xí)的零基礎(chǔ)資料，也有適合3年以上經(jīng)驗(yàn)的小伙伴深入學(xué)習(xí)提升的進(jìn)階課程，基本涵蓋了95%以上Android開發(fā)知識(shí)點(diǎn)！不論你是剛?cè)腴TAndroid開發(fā)的新手，還是希望在技術(shù)上不斷提升的資深開發(fā)者，這些資料都將為你打開新的學(xué)習(xí)之門！

如果你覺得這些內(nèi)容對(duì)你有幫助，需要這份全套學(xué)習(xí)資料的朋友可以戳我獲?。?！

由于文件比較大，這里只是將部分目錄截圖出來(lái)，每個(gè)節(jié)點(diǎn)里面都包含大廠面經(jīng)、學(xué)習(xí)筆記、源碼講義、實(shí)戰(zhàn)項(xiàng)目、講解視頻，并且會(huì)持續(xù)更新！

柚子快報(bào)邀請(qǐng)碼778899分享：html 前端 我是一個(gè)頁(yè)面~

http://yzkb.51969.com/

推薦文章