Perbedaan Class dengan ID

Rasanya udah lama ngga bercuap-cuap di blog ini. Menjelang UN ini, saya jadi susah ngupdate blog soalnya kegiatan ngeblog saya ini harus sedikit dikurangi agar saya bisa fokus nyiapin UN. Jadi, saya mohon maaf kalo komentar atau pesan di shoutbox belum sempat saya balas.. ;)

Okay, let's straight to the topic..

Terkadang kita suka bingung apa bedanya Class dengan ID. Atau kita juga bingung, kapan saat yg tepat buat make Class atau ID. Seenggaknya masalah tadi terjadi pada saya. Yup, belakangan ini saya dibingungin sama 2 hal ini >.<

Class.
Kita menggunakan Class supaya tampilan HTML elemen dapat sesuai dengan style2 yang tersimpan di dalam kode CSS. Misalnya, kita ingin suatu elemen tertentu memiliki ukuran font yg besar dan berwarna hitam, kita hanya perlu menambahkan style2 tadi ke dalam kode CSS. Lalu apa guna Class di sini? Class berguna untuk membuat suatu elemen dapat terlihat beda dari elemen normal sesuai dengan atribut style Class yang ada dalam kode CSS.

Penggunaanya simple banget. Pertama tentukan dan masukan atribut yg diinginkan ke dalam kode CSS. Contohnya seperti ini:

.satu{ color: blue; }
.dua{ color: red; }

Kalo kamu masukin ke HTML Elemen Blogger kode HTML nya begini:

<p>Paragraf normal tanpa style apapun.</p>

<p class="satu">Paragraf yg menggunakan kode CSS .satu!</p>
<p class="dua">Paragraf yg menggunakan kode CSS .dua!</p>

Lalu hasilnya akan seperti ini:

Paragraf normal tanpa style apapun.

Paragraf yg menggunakan kode CSS .satu!

Paragraf yg menggunakan kode CSS .dua!

Kita bisa menggunakan Class yg sama berulang-ulang tanpa ada batas penggunaan sehingga bisa memudahkan apabila ada beberapa elemen dengan style yg sama.


ID.
Lalu apa itu ID..?? ID hampir sama dengan Class. Hanya saja, ID dapat membuat suatu elemen tsb lebih unique dengan style-nya daripada elemen2 lainnya.

Penggunaannya juga tidak jauh berbeda. Sama seperti Class, pertama tentukan dan masukan atribut yg diinginkan ke dalam kode CSS.

#satu{ background-color: black;color:white }
#dua{ text-decoration:underline; }

Kalo kamu masukin ke HTML Elemen Blogger kode HTML nya begini:

<p>Paragraf normal, tanpa style apapun.</p>

<p id="satu">Paragraf yg menggunakan kode CSS #satu!</p>
<p id="dua">Paragraf yg menggunakan kode CSS #dua!</p>

Lalu hasilnya akan seperti ini:

Paragraf normal, tanpa style apapun.

Paragraf yg menggunakan kode CSS .satu!

Paragraf yg menggunakan kode CSS .dua!

Fungsi keduanya memang sama, yaitu menampilkan elemen HTML sesuai atribut stylenya di dalam kode CSS. Tetapi, ada beberapa hal yg perlu kita ketahui dari keduanya:

1. Class dapat dipakai berulang kali, sedangkan ID hanya dapat dipakai sekali. Kita tidak akan bisa menggunakan ID yg sama utk 2 elemen berbeda.

2. Pada kode CSS, nama Class didahului oleh titik ( . ), sedangkan ID didahului simbol pagar ( # ).

3. Kita bisa memakai lebih dari 1 Class pada sebuah elemen sedangkan ID tidak bisa. Seperti yg kita tahu, ID hanya bisa dipakai 1 elemen pada suatu halaman. Contohnya pemakaian 2 Class, seperti ini:

<p class="satu dua">

.satu { font-weight: bold; }
.dua { padding-left: 2em; }

4. Karena keunikan sebuah elemen ID, maka kita bisa membuat link '#nama_ID'. Contohnya begini:

<a href="#satu" >

maka link tsb akan otomatis membawa kita ke elemen HTML dgn ID satu pada halaman yg sama. Hal ini bisa berguna saat kita ingin membuat link Back to Top.

Semoga bermanfaat ;)


referensi:
tizag.com
maxdesign
HTML Dog

Read More »

Highlight - Desember 2008

Tahun baru, bulan baru, semangat baru juga tentunya.. hhehe
Highlight buat bulan kemaren adalah:

• Cara Lain Pasang Read More
Tutorial cara memasang 'read more' dengan menggunakan JavaScript.
• Export-Import Blog di Blogger
Fitur baru Blogger export-import postingan dan komentar di Blogger.
• Horizontal Link Tab Menu di Blogger
Navigasi lebih baik dengan Menu Tab Horizontal.
• Lanjutan Karakteristik Golongan Darah
Lanjutan komik strip golongan darah. Bener ga sih?

Baca artikel2 menarik lainnya di Daftar Isi.

Read More »

Tahun Baru 2009 dan Kejutan Google

.::Selamat Tahun Baru 2009::.

Semoga di tahun 2009 ini lebih cerah dari tahun kemarin. *dan dolar turun.. hhehe

Kita baru saja mengalami Trilogi Tahun Baru, Tahun Baru Islam 1430 H, Tahun Baru Jawa 1942, dan Tahun Baru Masehi 2009. Dan kurang dari sebulan lagi, rakyat Cina akan merayakan Tahun Baru Imlek 2560.. ckckckck

Percaya atau engga, tahun baru kemaren datengnya telat lho. Apa sebabnya?? Menurut informasi dari Jawa Pos, Sejumlah ilmuwan menemukan bahwa rotasi bumi-lah yang menjadi penyebabnya. Waktu yang diperlukan bumi untuk memutari porosnya itu masih digunakan dalam penentuan waktu di jam. Padahal, rotasi bumi dari waktu ke waktu mengalami keterlambatan. Pencairan es di kutub, aktivitas inti bumi, gelombang laut, dan efek gravitasi matahari dan bulan membuat poros rotasi berubah-ubah dan mengalami perlambatan 2 milidetik setiap hari.

Sementara standar waktu yang presisi yang digunakan para ilmuwan berdasarkan waktu luruh atom cesium yang hanya terlambat satu detik dalam 200 juta tahun. Perbedaan itu menyebabkan tampilan jam atom harus disesuaikan dengan jam berdasarkan rotasi bumi.

Untuk memastikan dunia tetap tepat waktu, para ilmuwan kemarin sepakat menambah satu detik di akhir 2008. Tambahan detik yang diatur lembaga standardisasi waktu dunia atau International Rotation and Reference Systems Service akan dilakukan secara resmi pada malam tahun baru di Greenwich, Inggris.

Secara teknis, pada malam tahun baru, setelah hitungan mundur pada pukul 23.59.59 akan ditambahkan hitungan 23.59.60 sebelum berubah menjadi 00.00.00 memasuki 1 Januari 2009. Sebanyak 200 jam atom yang tersebar di 50 laboratorium di seluruh dunia akan menyesuaikan dengan perubahan tersebut.

Dalam pernyataan kemarin, kelompok ilmuwan pemerhati waktu juga mengungkapkan, pemberian detik tambahan yang disebut leap second itu sebetulnya bukan kali pertama dilakukan. Sejak standardisasi waktu dunia disepakati pada 1972, telah dilakukan 24 kali penambahan detik.

*apakah 2012 nanti benar2 akan terjadi sesuatu.. hmm


Di samping semua kejadian tadi, ada sebuah kejutan dari Om Google di penghujung tahun 2008 kemarin. Google update pagerank. Bisa dibilang ini menjadi anugerah bagi si Pencuri Kode atau musibah buat mas Danu.
Bagaimana dgn saya? Umm, engga tau anugerah atau musibah, blog2 saya tidak mengalami kenaikan atau penurunan pagerank. *ngga papa lah, asalkan engga turun :)

Lalu, bagaimana dgn blog kamu?? yg belum cek PR langsung cek PR sekarang.. siapa tau PR kamu naek semua.. hhehe

Read More »