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

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 "