Assalamu'alaikum Wr. Wb.
A). Pendahuluan
A). Pendahuluan
Pada kesempatan kali ini kita akan memahami apa itu class di
HTML dan Tag apa yang digunakan untuk membuat tag class di HTML.
B). Pengertian
Class di HTML digunakan untuk membuat suatu seksi atau kelompok tertentu dengan tujuan
mengelompokan sebuah file HTML menjadi beberapa bagian sesuai dengan
tempatnya agar mempermudah para web developer memberi style pada setiap bagiannya. Class di HTML itu menggunakan Tag <div>
C). Maksud & Tujuan
Dapat memahami apa itu Class dan fungsi dari tag <div>
D). Pembahasan
kali ini saya akan membuat contoh dari Tag <div>. langkah - langkahnya adalah sebagai berikut :
1. Buat script sederhana sesuai keinginan anda atau anda bisa ketik script di bawah ini :
<!DOCTYPE html>
<html>
<head>
<title> Class di HTML </title>
<style>
div.country {
background-color:blue;
color:yellow;
margin:20px;
padding:20px;
}
</style>
</head>
<body>
<div class="country">
<h2>Indonesia</h2>
<p> Indonesia adalah negara di Asia Tenggara yang dilintasi garis
khatulistiwa dan berada di antara benua Asia dan Australia serta antara
Samudra pasifik dan Samudra Hindia.
</p>
</div>
<div class="country">
<h2>Singapura</h2>
<p> Singapura adalah sebuah negara pulau di lepas ujung selatan
Semenanjung Malaya, 137 kilometres (85 mi) di utara khatulistiwa di Asia
Tenggara. </p>
</div>
<div class="country">
<h2>Malaysia</h2>
<p> Malaysia adalah sebuah negara federal yang terdiri dari tiga
belas negeri (negara bagian) dan tiga wilayah federal di Asia Tenggara
dengan luas 329.847 km persegi.</p>
</div>
<div class="country">
<h2>Japan</h2>
<p>Japan adalah sebuah negara kepulauan di Asia Timur. Letaknya di ujung barat Samudra Pasifik, di sebelah timur Laut Jepang, dan bertetangga dengan Republik Rakyat Tiongkok, Korea, dan Rusia.</p>
</div>
<div class="country">
<h2>Korea</h2>
<p>Korea adalah sebuah semenanjung yang di Asia Timur (di antara Tiongkok dan Jepang. Korea terbagi menjadi dua negara, yakni Republik Korea (Korea Selatan) dan Republik Rakyat Demokratik Korea (Korea Utara) setelah Perang Dunia II pada tahun 1945.</p>
</div>
</body>
</html>
2. Jika sudah anda save kemudian buka file yang anda simpan tadi dan hasilnya akan seperti berikut ini :
Keterangan :
1. Untuk background saya menggunakan warna merah (red).
2. Untuk huruf atau teks saya menggunakan warna putih (white).
3. Bisa kita lihat , nama-nama negara Indonesia , Singapura , dan
Malaysia masuk kedalam kelompok <div> Country / Negara. seperti
itulah fungsi dari Tag <div> yang digunakan untuk mengelompokkan
sesuatu kedalam suatu class tertentu, yang berguna utuk mempermudah kita
untuk memberikan style
E). Masalah yang Ditemukan
Pengelompokkan sering terjadi kesalahan jika hal yang di
kelompokkan tersebut terlalu banyak dan terdapat banyak class yang di
buat.
F). Kesimpulan
Tag <div> digunakan untuk pengelompokkan suatu file yang di masukkan kedalam suatu class.G). Referensi
Cukup sekian informasi yang dapat saya berikan pada hari ini, semoga bisa bermanfaat dan berguna buat orang lain. Jika ada
kesalahan kata saya mohon maaf. Terima kasih telah mengunjungi blog saya,
dan jangan lupa untuk mengikuti dan membaca selalu postingan di blog
saya yang saat ini masih biasa-biasa saja.
~ Wassalamu'alaikum Wr. Wb. ~
Tidak ada komentar:
Posting Komentar