Kullanma class Özellik
HTML class niteliği mümkün aynı sınıf adıyla elemanları eşit stillerini tanımlamak mümkün kılar.
Burada üç var <div> Aynı sınıf adı işaret unsurları:
Örnek
<!DOCTYPE html>
<html>
<head>
<style>
div.cities {
background-color: black;
color: white;
margin: 20px 0 20px 0;
padding: 20px;
}
</style>
</head>
<body>
<div class="cities">
<h2>London</h2>
<p>London is the capital of England. It is the most
populous city in the United Kingdom, with a metropolitan area of over 13
million inhabitants.</p>
</div>
<div class="cities">
<h2>Paris</h2>
<p>Paris is the capital and most populous city of
France.</p>
</div>
<div class="cities">
<h2>Tokyo</h2>
<p>Tokyo is the capital of Japan, the center of the
Greater Tokyo Area,
and the most populous metropolitan area in the
world.</p>
</div>
</body>
</html> Kendin dene " Londra
Londra, İngiltere'nin başkentidir. 13 milyonun üzerinde nüfuslu bir metropol alana sahip İngiltere'deki en kalabalık kentidir.
Thames Nehri üzerinde duran, Londra tarihçesi Londinium adını verdi Romalılar tarafından kurulduğundan geri dönersek, iki bin için önemli bir yerleşim yeri olmuştur.
Paris
Paris sermaye ve Fransa'nın en kalabalık kentidir.
Seine Nehri üzerinde yer alan, aynı zamanda region parisienne olarak bilinen Ile-de-France bölgesinin kalbinde yer almaktadır.
onun metropol içinde 12 milyondan fazla nüfusu ile Avrupa'nın en büyük nüfus merkezleri biridir.
Tokyo
Tokyo Japonya, Büyükşehir Tokyo Alanı merkezinde başkenti ve dünyanın en kalabalık metropol alandır.
Japon hükümeti ve İmparatorluk Sarayı ve Japon İmparatorluk Ailesi'nin evinin koltuğum.
Tokyo idari bölge 38 milyon kişi ve dünyanın en büyük kentsel ekonomisi ile dünyanın en kalabalık metropol bir parçasıdır.
Kullanma class Inline Elementler üzerinde Özellik
HTML sınıf niteliği de satır içi öğeler için kullanılabilir:
Örnek
<!DOCTYPE html>
<html>
<head>
<style>
span.note {
font-size: 120%;
color: red;
}
</style>
</head>
<body>
<h1>My <span
class="note">Important</span> Heading</h1>
<p>This
is some <span
class="note">important</span> text.</p>
</body>
</html> Kendin dene " Egzersizleri ile Yourself test edin!
Egzersiz 1 » Alıştırma 2» Egzersiz 3 »