在網(wǎng)頁(yè)制作過(guò)程過(guò)中,可以把一些獨(dú)立的邏輯部分劃分出來(lái),放在一個(gè)<div>標(biāo)簽中,這個(gè)<div>標(biāo)簽的作用就相當(dāng)于一個(gè)容器。
語(yǔ)法:
<div>…</div>
確定邏輯部分:
什么是邏輯部分?它是頁(yè)面上相互關(guān)聯(lián)的一組元素。如網(wǎng)頁(yè)中的獨(dú)立的欄目版塊,就是一個(gè)典型的邏輯部分。如下圖所示:圖中用紅色邊框標(biāo)出的部分就是一個(gè)邏輯部分,就可以使用<div>標(biāo)簽作為容器。
我來(lái)試試:用div標(biāo)簽為網(wǎng)頁(yè)劃分獨(dú)立的版塊
在右部編輯器中使用div標(biāo)簽劃分出獨(dú)立的邏輯部分。(答案有很多種噢,看看誰(shuí)的最簡(jiǎn)煉)
注意:這一小節(jié)沒(méi)有正確性驗(yàn)證。
別忘了<div>標(biāo)簽的語(yǔ)法:
<div> … </div>
參考代碼:(只是其中的一種)
<div> <h2>熱門(mén)課程排行榜</h2> <ol> <li>前端開(kāi)發(fā)面試心法 </li> <li>零基礎(chǔ)學(xué)習(xí)html</li> <li>javascript全攻略</li> </ol> </div> <div> <h2>最新課程排行</h2> <ol> <li>版本管理工具介紹—Git篇 </li> <li>Canvas繪圖詳解</li> <li>QQ5.0側(cè)滑菜單</li> </ol> </div>
請(qǐng)驗(yàn)證,完成請(qǐng)求
由于請(qǐng)求次數(shù)過(guò)多,請(qǐng)先驗(yàn)證,完成再次請(qǐng)求
打開(kāi)微信掃碼自動(dòng)綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書(shū)簽
舉報(bào)