Class dan id pada HTML || BLC TELKOM KLATEN

A. PENDAHULUAN

• Pengertian

Di sebelumnya kita membahas tag div yang saya katakan bisa menyambungkan css dengan mudah, nah maka dari itu kali ini kita akan membahas apa itu class dan id  pada HTML.

Class dan id ini bisa di bilang sebagai penanda pada HTML. Bayangan sederhananya  jika anda memiliki lima buah kotak, semua kotak yang anda miliki berwarna biru, kemudian anda ingin merubah warna kotak yang ketiga, nahh disinilah letak kegunaan class dan id, untuk memberikan tanda atau nama pada kotak anda agar bisa di ubah dan kotak yag lain tidak akan berubah.

• Latar belakang masalah

Dikarenakan jika ingin mempelajari HTML lebih lanjut maka harus didasari HTML dasar yang kuat terlebih dahulu

B. MAKSUD DAN TUJUAN

Element element html dapat di beri tanda dengan class atau id, agar dapat di buat variable  menggunakan css ataupun javascript

C. RUANG DAN LINGKUP PEKERJAAN

- Pengertian Class dan Id

- Perbedaan Class dan Id

D. TARGET DAN HASIL YANG DIHARAPKAN

Dapat memahami dan dapat mengimplementasikan saat membuat website

E. METODE PELAKSANAAN

- Brefing

- Membaca referensi

- Coding

F. ALAT DAN BAHAN

- Laptop

- Visual Code Studio

- Koneksi internet

G. TARGET WAKTU

08.00 - 16.00

H. TAHAPAN PELAKSANAAN

- Briefing yang dipimpin oleh Mas Agus

- Membaca Referensi dan berdiskusi

> Pembahasan <

- Apa itu Class?

Class merupakan selector yang dapat kita gunakan oleh lebih dari satu tag html. Dengan begiu tah HTML bisa menggunakan css dari class tersebut. Tag class dengan nama yang sama dapat dipakai berulang-ulang pada satu halaman. satu halaman boleh memiliki dari satu class yang berbeda beda

- Apa itu id?

Id berfungsi untuk menentukan identitas unik suatu elemen. Jadi nilai yang diberikan haruslah unik. unik disini artinya kita diizinkan membuat lebih dari satu id dengan nilai yang sama.

Contoh Penerapan Class dan id :

Jadi semisal kita membuat pengelompokkan dengan tag div

maka kita tiggal menambahkan atribut classnya, tabi sebelumnya anda harus sudah menyiapkan css nya terlrbih dahulu.

 contoh penulisan :

Cssnya :

.contoh {

        background-color: red;

        padding: 20px;

        border: 3;

}

untuk memanggilnya semisal make div, maka tulisannya akan seperti ini :

<dic class="contoh">

........

</div>

Contoh penulisan id pada html bedannya menggunakan # saat di css nya

#contoh {

background-color: red;

color: ligthblue;

padding: 20px;

font-familiy: ubuntu;

}

Pemanggilnya tetap sama sepeti saat menggunakan class cuma di ganti dengan id :

<div id="contoh">

.....

</div>

Nahh mungkin itu saja yang dapat saya contohkan kepada kalian, jika ada kebingungan kalian bisa hubungi saya di sosmed.

I. TEMUAN PERMASALAHAN DAN CARA PENYELESAIANNYA

Masih ada pertanyaan pertanyaan yang ngga mutu yang dapat dicari sendiri di google

Solusi : Seharusnya saat bertanya harus mencari referensi terlebih dahulu di google ataupun referensi lainnya jika masih belum paham maka baru di tanyakan dan dibahas bersama-bersama.

J. KESIMPULAN YANG DIDAPAT

Class dan id adalah metode untuk memanggil CSS dengan mudah saat menggunakan tag <div> jadi apa yang didalam tag div kena semua otomatis akan terkena semua di codingannya, ngga perlu satu persatu untuk memberikan CSS nya lagi.

K. REFERENSI

- W3schools