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