A. PENDAHULUAN
Tag <div> > yang digunakan untuk menampung beberapa element menjadi satu kelompok. Mencakup pembahasan lebih detail dan lengkap yang disertai contoh kode penggunaan sebagai rujukan untuk materi belajar HTML.
Penggunaan div ditujukan untuk memudahkan aplikasi bergaya dengan CSS dan memperlakukan secara khusus yang nantinya dapat diberi class, id, dan lain sebagainya.
- Latar belakang masalah
Di karenakan biasanya kalau tidak ada adanya <div> maka codingan akan tercampur aduk, dengan <div> inilah tag yang berfungsi untuk mengelompokkan
B. MAKSUD DAN TUJUAN
Mengelompokkan tag tag di dalam <div> agar tujuannya bisa memanggil css dengan lebih mudah dan simple
C. RUANG DAN LINGKUP PEKERJAAN
- Pengertian div pada HTML
- Fungsi div pada HTML
- Pneggunaan div pada HTML
- Contoh penggunaan div pada HTML
D. HASIL YANG DIHARAPKAN
Dapat mengelompokkan dan memanggil css dengan mudah
E. METODE PELAKSANAAN
- Briefing
- Membaca referensi
- Coding
F. ALAT DAN BAHAN
- Laptop
- Koneksi internet
- Visual studio Code
G. TARGET WAKTU
08.00 - 16.00
H. TAHAPAN PELAKSANAAN
- Briefing yang dipimpin oleh Mas Agus
- Mulai untuk membaca dan memahami referensi dari w3schools
- Berdiskusi permasalahan
> Pembahasan <
- Pengertian div pada HTML
Tag div yang digunakan untuk menampung beberapa element menjadi satu kelompok. Mencakup pembahasan lebih detail dan lengkap yang disertai contoh kode penggunaan sebagai rujukan untuk materi belajar HTML.
Penggunaan div ditujukan untuk memudahkan aplikasi bergaya dengan CSS dan memperlakukan secara khusus yang nantinya dapat diberi class, id, dan lain sebagainya.
- Fungsi div pada HTML
Fungsi dari tag <div> biasanya digunakan untuk mengelompokkan elemen atau bermacam-macam tag agar menjadi suatu grup dan dapat memanggil CSS dengan mudah. Tag div ini juga sering digunakan untuk mendefinisikan ID atau Class dari CSS.
- Penggunaan div pada HTML
Dalam penggunaan div ini bisa dimana saja dan di kondisi apapun.
Misalnya, saat membagu halaman situs web menjadi beberapa bagian yang nantinya akan membuat tampilan lokasi header, footer, main, dan side menjadi tampak.
Biasanya, tag yang digunakan untuk menampilkan sebuah link, gambar teks, dan sebagainya. Jika ingin menambah animasi seperti gambar bergerak memutar, vertikal, dan sebagainya, maka bisa memadukannya dengan CSS dan Javascript
- Contoh penggunaan div pada HTML
setelah memahami div itu apa? dan fungsinya juga pada HTML nantinya digunakan untuk website, kini saatnya mempelajari contoh penggunaan dalam pembuatan website, seperti berikut ini.
<div class="text-danger">
<p>Nama saya adelwin</p>
</div>
<div>
<p>Hobi saya membaca buku</p>
</div>
Penggunaan <div> pertama pada baris pertama hingga ketiga, seperti contoh yang di atas, memiliki atribut class text-danger, sedangkan <div> kedua pada baris kelima hingga ketujuh, tidak memiliki class
jika diberi style CSS khusus untuk div pertama ( yang memiliki class="text-danger"), maka hasilnya seperti ini :
div.text-danger {
color:red;
}
I. TEMUAN PERMASALAHAN DAN CARA PENYELESAIANNYA
Tidak bisa memenuhi target di hari ini secara lancar dan baik di karenakan belum mengukur bobot sebelum membuat target tersebut
Solusi :
Kedepannya kalau membuat target harus bisa mengukur dari kemampuan kita, apakah mampu atau tidak?,,,, jika di paksakan maka lebih baik tidak perlu
J. KESIMPULAN YANG DIDAPAT
Ketika saat coding harus teliti di karenakan ada salah satu saja codingan kita salah maka akan berpengaruh besar kesalahan
K. REFERENSI
- W3schools
- E-book HTML5_Pemrograman_dasar.pdf
