tutorial pengembangan web terbaru
 

HTML class Attribute


Contoh

Gunakan satu class atribut dalam dokumen HTML:

<html>
<head>
<style>
h1.intro {
    color: blue;
}

p.important {
    color: green;
}
</style>
</head>
<body>

<h1 class="intro">Header 1</h1>
<p>A paragraph.</p>
<p class="important">Note that this is an important paragraph. :)</p>

</body>
</html>
Cobalah sendiri "

Lebih "Cobalah Sendiri" contoh di bawah ini.


Definisi dan Penggunaan

The class atribut menentukan satu atau lebih classnames untuk elemen.

The class atribut sebagian besar digunakan untuk menunjuk ke sebuah kelas dalam style sheet. Namun, juga dapat digunakan oleh JavaScript (melalui DOM HTML) untuk membuat perubahan elemen HTML dengan kelas tertentu.


Dukungan Browser

Atribut
class iya nih iya nih iya nih iya nih iya nih

Perbedaan Antara HTML 4.01 dan HTML5

Di HTML5, yang class atribut dapat digunakan padasetiap elemen HTML (akan memvalidasi pada setiap elemen HTML. Namun, itu belum tentu berguna).

Dalam HTML 4.01, yang class atribut tidak dapat digunakan dengan: <base>, <head>, <html>, <meta>, <param>, <script>, <style> , dan <title> .


Sintaksis

<elementclass="classname">

atribut Nilai

Nilai Deskripsi
classname Menentukan satu atau lebih nama kelas untuk elemen. Untuk menentukan beberapa kelas, memisahkan nama kelas dengan spasi, misalnya <span class="left important"> . Hal ini memungkinkan Anda untuk menggabungkan beberapa kelas CSS untuk satu elemen HTML.

Penamaan aturan:

  • Harus dimulai dengan huruf AZ atau az
  • Dapat diikuti oleh: huruf (A-Za-z) , angka (0-9) , tanda hubung ("-") , dan garis bawah ("_")
  • Dalam HTML, semua nilai adalah case-sensitive

Contoh lebih

Contoh

Tambahkan beberapa kelas untuk satu elemen HTML:

<!DOCTYPE html>
<html>
<head>
<style>
h1.intro {
    color: blue;
    text-align: center;
}

.important {
    background-color: yellow;
}
</style>
</head>
<body>

<h1 class="intro important">Header 1</h1>
<p>A paragraph.</p>

</body>
</html>
Cobalah sendiri "

Pages terkait

HTML Tutorial: Atribut HTML

CSS Tutorial: CSS Selectors

CSS Referensi: CSS .class Selector

HTML DOM Referensi: HTML DOM getElementsByClassName() Metode

HTML DOM Referensi: HTML DOM className Properti

HTML DOM Referensi: HTML DOM classList Properti

HTML DOM Referensi: HTML DOM Style Object