Atribut kelas HTML memungkinkan untuk mendefinisikan gaya yang sama untuk elemen <div> yang "sama":
London
London adalah ibu kota Inggris. Kota ini merupakan kota terpadat di Inggris, dengan wilayah metropolitan yang berpenduduk lebih dari 13 juta jiwa.Berdiri di Sungai Thames, London telah menjadi pemukiman utama selama dua ribu tahun, sejarahnya kembali ke pendiriannya oleh orang Romawi, yang menamakannya Londinium.
Paris
Paris adalah ibu kota dan kota terpadat di Prancis.Terletak di Sungai Seine, terletak di jantung wilayah Île-de-France, yang juga dikenal sebagai région parisienne.
Di wilayah metropolitannya adalah salah satu pusat populasi terbesar di Eropa, dengan lebih dari 12 juta penduduk.
Tokyo
Tokyo adalah ibu kota Jepang, pusat kawasan Greater Tokyo, dan wilayah metropolitan terpadat di dunia.Ini adalah kursi pemerintah Jepang dan Istana Kekaisaran, dan rumah Keluarga Kekaisaran Jepang.
Prefektur Tokyo adalah bagian dari wilayah metropolitan terpadat di dunia dengan 38 juta orang dan ekonomi perkotaan terbesar di dunia.
Contoh
<! DOCTYPE html>
<html>
<head>
<style>
div.cities {
background-color: black;
color :white;
margin: 20px;
padding: 20px;
}
</style>
</head>
<body>
<div class = "cities">
<h2> London </h2>
<p> London adalah ibu kota Inggris. Kota ini merupakan kota terpadat di Inggris, dengan wilayah metropolitan yang berpenduduk lebih dari 13 juta jiwa. </ P>
</div>
<div class = "cities">
<h2> Paris </h2>
<P> Paris adalah ibukota dan kota terpadat di Perancis. </ P>
</div>
<div class = "cities">
<h2> Tokyo </h2>
<p> Tokyo adalah ibu kota Jepang, pusat Greater Tokyo Area,
Dan wilayah metropolitan terpadat di dunia. </ P>
</div>
</body>
</html>
Klasifikasi Inline Elements
Atribut kelas HTML juga memungkinkan untuk mendefinisikan gaya yang sama untuk elemen "sama" <span>:
Contoh
<! DOCTYPE html>
<html>
<head>
<Style>
Span.note {font-size: 120%; warna: red;}
</style>
</head>
<Body>
<h1> Judul <span class = "note"> Penting </ span>> </h1>
<p> Ini adalah teks <span class = "note"> penting </ span>. </ P>
</body>
</html>
Out Of Topic Show Konversi KodeHide Konversi Kode