Kelas HTML

Klasifikasi HTML (set kelas), supaya kami dapat menetapkan gaya CSS untuk kelas elemen.

Tetapkan gaya yang sama untuk kelas yang sama, atau tetapkan gaya yang berbeda untuk kelas yang berbeda.

Contoh

<!DOCTYPE html>
<html>
<head>
<style>
.cities {
    background-color:black;
    color:white;
    margin:20px;
    padding:20px;
} 
</style>
</head>
<body>
<div class="cities">
<h2>London</h2>
<p>
London adalah ibu kota England. 
Ini adalah kota yang paling padat di United Kingdom, 
dengan area metropolitan melebihi 13 juta penduduk.
</p>
</div> 
</body>
</html>

Coba Sendiri

Elemen Blok Klasifikasi

Elemen HTML <div> adalahElemen Blok。 ia dapat digunakan sebagai kontainer untuk elemen HTML lain.

Tetapkan kelas <div> elemen, supaya kami dapat menetapkan kelas yang sama untuk elemen <div> yang sama:

Contoh

<!DOCTYPE html>
<html>
<head>
<style>
.cities {
    background-color:black;
    color:white;
    margin:20px;
    padding:20px;
} 
</style>
</head>
<body>
<div class="cities">
<h2>London</h2>
<p>London adalah ibu kota England. 
Ini adalah kota yang paling padat di United Kingdom, 
dengan area metropolitan lebih dari 13 juta penduduk.</p>
</div>
<div class="cities">
<h2>Paris</h2>
<p>Paris adalah ibu kota dan kota yang paling padat di Perancis.</p>
</div>
<div class="cities">
<h2>Tokyo</h2>
<p>Tokyo adalah ibu kota Jepang, pusat Area Luar Kota Tokyo,</p>
dan area metropolitan yang paling padat di dunia.</p>
</div>
</body>
</html>

Coba Sendiri

Kelas Elemen Baris

Elemen <span> HTML adalah elemen baris, dapat digunakan sebagai wadah teks.

Atur kelas elemen <span>, dapat menetapkan gaya yang sama untuk elemen <span> yang sama.

Contoh

<!DOCTYPE html>
<html>
<head>
<style>
  span.red {color:red;}
</style>
</head>
<body>
<h1>My <span class="red">Important</span> Heading</h1>
</body>
</html>

Coba Sendiri