国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

HTML基礎(chǔ)教程之HTML中的DIV

DIV是什么

首先來(lái)看一個(gè)網(wǎng)站

18.png

這個(gè)網(wǎng)站的每一個(gè)紅色的框子都大致代表一個(gè)DIV，也就是一個(gè)邏輯部分。

在網(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è)典型的邏輯部分。如上圖所示

給DIV命名

上面，我們把一些標(biāo)簽放進(jìn)<div>里，劃分出一個(gè)獨(dú)立的邏輯部分。在通常的應(yīng)用中，為了使邏輯更加清晰，我們可以為這一個(gè)獨(dú)立的邏輯部分設(shè)置一個(gè)名稱，用id屬性來(lái)為<div>提供唯一的名稱，這個(gè)就像我們每個(gè)人都有一個(gè)身份證號(hào)，這個(gè)身份證號(hào)是唯一標(biāo)識(shí)我們的身份的，也是必須唯一的。

這個(gè)id與之后要學(xué)習(xí)的CSS和JavaScript結(jié)合在一起，就能夠制作完出非常炫酷的網(wǎng)站了，這個(gè)我們之后再介紹，本節(jié)大家理解DIV的用途即可

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>php.cn</title>
</head>
<body>
<div id="html">
   <h2>HTML課程</h2>
    <ol>
       <li>輕松入門(mén)HTML+CSS，掌握編程必備技能</li>
      <li>HTML 0基礎(chǔ)入門(mén)教程</li>
       <li>HTML+CSS 輕松入門(mén)</li>
    </ol>
</div>
<div id="php">
    <h2>PHP課程</h2>
    <ul>
       <li>輕松入門(mén)PHP，踏上成為大牛的第一步</li>
       <li>php 新手入門(mén)</li>
       <li>PHP 零基礎(chǔ) 輕松學(xué)</li>
    </ul>
</div>
</body>
</html>


繼續(xù)學(xué)習(xí)
||
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> </head> <body> <div id="html"> <h2>HTML課程</h2> <ol> <li>輕松入門(mén)HTML+CSS，掌握編程必備技能</li> <li>HTML 0基礎(chǔ)入門(mén)教程</li> <li>HTML+CSS 輕松入門(mén)</li> </ol> </div> <div id="php"> <h2>PHP課程</h2> <ul> <li>輕松入門(mén)PHP，踏上成為大牛的第一步</li> <li>php 新手入門(mén)</li> <li>PHP 零基礎(chǔ) 輕松學(xué)</li> </ul> </div> </body> </html>
提交重置代碼
章節(jié)
筆記
提問(wèn)
課件
反饋
捐贈(zèng)

HTML+CSS基礎(chǔ)入門(mén)教程

  • 推薦課程
  • 評(píng)論
  • 問(wèn)答
  • 筆記
  • 課件下載

我是灰太狼

看明白了

8年前    添加回復(fù) 0

看山看水看代碼

div是這樣用的啊，學(xué)習(xí)了

8年前    添加回復(fù) 0

baby不要哭泣

<div>一個(gè)獨(dú)立的邏輯部分

8年前    添加回復(fù) 0

看透不說(shuō)透

div 層，這個(gè)布局起來(lái)是很方便，結(jié)合css 來(lái)使用

8年前    添加回復(fù) 0

尼古拉阿列克塞耶維奇奧斯特洛夫斯基

布局最常用的了

8年前    添加回復(fù) 0

課件暫不提供下載，工作人員正在整理中，后期請(qǐng)多關(guān)注該課程~