masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu

Tutorial asas HTML: DIV dalam HTML

Apakah itu DIV

Pertama lihat tapak web

18.png

Setiap warna merah di tapak web ini Kotak secara kasar mewakili DIV, yang merupakan bahagian logik.

Semasa proses penciptaan halaman web, beberapa bahagian logik bebas dibahagikan dan diletakkan dalam teg <div>

Sintaks:

<div>…</div>

Tentukan bahagian logik:

Apakah bahagian logik? Ia adalah satu set elemen yang saling berkaitan pada halaman. Sebagai contoh, bahagian lajur bebas dalam halaman web ialah bahagian logik biasa. Seperti yang ditunjukkan dalam gambar di atas

Namakan DIV

Di atas, kami meletakkan beberapa teg ke dalam <div> Dalam aplikasi biasa, untuk menjadikan logik lebih jelas, kita boleh menetapkan nama untuk bahagian logik bebas ini dan menggunakan atribut id untuk memberikan nama unik untuk <div> Ini seperti setiap daripada kita mempunyai Nombor ID , nombor ID ini secara unik mengenal pasti identiti kita dan mestilah unik.

Gabungkan ID ini dengan CSS dan JavaScript yang akan anda pelajari nanti, dan anda boleh membuat tapak web yang sangat menarik Kami akan memperkenalkan ini kemudian gunakannya

<!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>轻松入门HTML+CSS，掌握编程必备技能</li>
      <li>HTML 0基础入门教程</li>
       <li>HTML+CSS 轻松入门</li>
    </ol>
</div>
<div id="php">
    <h2>PHP课程</h2>
    <ul>
       <li>轻松入门PHP，踏上成为大牛的第一步</li>
       <li>php 新手入门</li>
       <li>PHP 零基础 轻松学</li>
    </ul>
</div>
</body>
</html>


Meneruskan pembelajaran
||
<!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>轻松入门HTML+CSS，掌握编程必备技能</li> <li>HTML 0基础入门教程</li> <li>HTML+CSS 轻松入门</li> </ol> </div> <div id="php"> <h2>PHP课程</h2> <ul> <li>轻松入门PHP，踏上成为大牛的第一步</li> <li>php 新手入门</li> <li>PHP 零基础 轻松学</li> </ul> </div> </body> </html>
serahkanTetapkan Semula Kod
Bahagian sebelumnya bahagian seterusnya
Senarai Tutorial
dapatkan bantuan
  • Cadangan kursus
  • Muat turun perisian kursus
Perisian kursus tidak tersedia untuk dimuat turun pada masa ini. Kakitangan sedang menganjurkannya. Sila beri perhatian lebih kepada kursus ini pada masa hadapan~

Pelajar yang telah menonton kursus ini juga sedang belajar

Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)  492836 permainan