فئات HTML
تصنيف HTML (تعيين الفئة) لتحديد أنواع النمط للفئات في العناصر.
تعيين نفس النمط للفئات المتشابهة أو تعيين نماط مختلفة للفئات المختلفة.
مثال
<!DOCTYPE html>
<html>
<head>
<style>
.cities {
background-color:black;
color:white;
margin:20px;
padding:20px;
}
</style>
</head>
<body>
<div class="cities">
<h2>لندن</h2>
<p>
لندن عاصمة إنجلترا.
إنها أكبر مدينة مأهولة في المملكة المتحدة،
مع منطقة حضرية تزيد عن 13 مليون نسمة.
</p>
</div>
</body>
</html>
عناصر حجومية تصنيفية
عنصر <div> في HTML هوعناصر حجوميةيمكن أن تستخدم كحاوية لأعمدة أخرى من HTML.
تعيين <div> الكائن كنوع من الفئة، مما يتيح لنا تعيين نفس الفئة للعناصر <div> المتشابهة:
مثال
<!DOCTYPE html>
<html>
<head>
<style>
.cities {
background-color:black;
color:white;
margin:20px;
padding:20px;
}
</style>
</head>
<body>
<div class="cities">
<h2>لندن</h2>
<p>لندن عاصمة إنجلترا.</p>
إنها أكبر مدينة مأهولة في المملكة المتحدة،
مع منطقة حضرية تزيد عن 13 مليون نسمة.</p>
</div>
<div class="cities">
<h2>Paris</h2>
<p>باريس عاصمة فرنسا وأكبر مدينة مأهولة.
</div>
<div class="cities">
<h2>Tokyo</h2>
<p>تويو عاصمة اليابان، مركز منطقة تويو الكبرى,</p>
و أكبر منطقة حضرية في العالم.</p>
</div>
</body>
</html>
فئة العناصر السلكية
العنصر <span> لزميل، يمكن استخدامه كوعاء للنص.
إعداد الفئة للعنصر <span> يمكنه تعيين النمط الخاص بنفس العناصر <span>.
مثال
<!DOCTYPE html>
<html>
<head>
<style>
span.red {color:red;}
</style>
</head>
<body>
<h1>My <span class="red">Important</span> Heading</h1>
</body>
</html>
