Class HTML

Assalamu'alaikum Wr. Wb.

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