Belajar Element Tag Html Div

Tanggal : 19 Aug 2018, Category : HTML, Create By : admin

Div adalah sebuah element box atau kotak yang banyak digunakan di dalam pemprograman html guna menampung  beberapa element menjadi satu kesatuan atau satu kelompok. Pengunaan div dalam pemprograman html biasanya digunakan untuk mempermudah aplikasi penggunaan style css yang kemudian di beri atribut seperti style, class, id dan lain sebagainya.

Pengunaan Tag Div Pada HTML

<div>
 <p>Belajar Element Tag HTML DIV</p>
</div>

Dalam pembuatan tag div tidak membutuhkan element lainya, hanya di dalam tag div tinggal memasukan dalam satu kesatuan tag div tersebut. Kemudian Tag html lainya yang ada di dalam tag element div akan menjadi satu kelompok. Jita blok div pembuka kita memberi sebuat atribut style maka secara otomatis tag html lain yang ada di dalam blok div tersebut akan mengikuti style dari blok div tersebut. Berikut contohnya.

<div>
 <p>Belajar Element Tag HTML DIV</p>
</div>
 
<div style="color:#F00">
 <p>Belajar Element Tag HTML DIV</p>
 <p>Memberi Style dalam div</p>
</div>  

Dari Script di atas ada dua pengelompokan div, yang pertama kelompok tidak memiliki style dan kedua memilik style, dengan sript yang kedua maka tag html di dalam blok div, akan mengikuti style dari blok div. jika di jalankan di browser maka output dari script di atas sebagai berikut.

Begitu pula jika anda dalam penggunaan style div menggunakan atribut class maupun id pengelompokan akan lebih mudah di bandingkan dengan langsung menggunakan style di div, akan tetapi kami menyrankan dalam pengelompokan div lebih fleksibel dengan menggunakan atribut class berikut contohnya

<!DOCTYPE html>
 <html>
 <head>
   <title>Belajar Element Tag HTML DIV</title>
 </head>
 <style>
   .classsatu {
     color:#0F0;
     float:left; 
     margin:100px;
   }
   #idsatu {
     color:#03F;
     float:right;
     margin:100px;
   }
 </style>
 <body>
 <div id="idsatu">
   <p>Penggunaan id tag pertama</p>
 </div>
 <div class="classsatu">
   <p>Penggunaan class tag pertama</p>
 </div> 
 
 <div id="idsatu">
   <p>Penggunaan id tag kedua</p>
 </div>
 <div class="classsatu">
   <p>Penggunaan class tag kedua</p>
 </div> 
 </body>
</html>

Dari script di atas akan membuat dua kelompok yaitu pengempokan dengan mengguakan class dan id, maka outputnya sebagai berikut

Keyword:
  • belajar element tag html div
  • tag div html
  • elemant div html
  • element div
  • contoh penggunaan div
  • div html
  • html div
  • membuat div
  • apa itu div
  • html div

Artikel Lain

What Are The Natural Ingredients That Can Make Your Skin Healthy And Bright?

Date : 11 Feb 2023, Category : Health, Create By : admin

Nowadays, everyone wants to have a face skin that is not only beautiful, but also healthy and naturally bright. However, exposure to sun rays containing ultraviolet which can cause dry .....

Pengertian Dan Cara Trading Binary Options

Date : 25 Jul 2018, Category : Trading, Create By : admin

Selamat datang di website gudangilmuaplikasi.com, Trading binary options sebenarnya hampir sama dengan trading forex lainnya, dengan hanya merumuskan akan Naik (Higher) atau Turun (Lower) nya grafik dari platform Binary tersebut, akan tetapi dalam .....

Menambah Style Css Dengan Javascript

Date : 10 Sep 2018, Category : JavaScript, Create By : admin

Hai brow, selamat datang kembali di wesbite gudang ilmu aplikasi, kali ini kami akan membahas tentang javascript dan style css, yang kami beri judul menambah style css dengan javascript, dua .....