باستخدام و class سمة
وHTML class السمة يجعل من الممكن لتعريف أنماط متساوية للعناصر مع نفس اسم الفئة.
هنا لدينا ثلاث <div> العناصر التي تشير إلى نفس اسم الفئة:
مثال
<!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> انها محاولة لنفسك » لندن
لندن هي عاصمة إنجلترا. وهذه هي المدينة الأكثر اكتظاظا بالسكان في المملكة المتحدة، مع المنطقة الحضرية لأكثر من 13 مليون نسمة.
يقف على نهر التايمز، وكانت لندن والاستيطانية الكبرى لألفي سنة، وتاريخها يعود إلى تأسيسها على يد الرومان، الذي أطلقوا عليه اسم بتأسيس مدينة.
باريس
باريس هي العاصمة والمدينة الأكثر اكتظاظا بالسكان في فرنسا.
تقع على نهر السين، هو في قلب منطقة إيل-دو-فرانس، المعروف أيضا باسم PARISIENNE المنطقة.
ضمن ضواحيها هي واحدة من أكبر المراكز السكانية في أوروبا، مع أكثر من 12 مليون نسمة.
طوكيو
طوكيو هي عاصمة اليابان، وسط طوكيو الكبرى، ومنطقة العاصمة الأكثر اكتظاظا بالسكان في العالم.
ومن مقر الحكومة اليابانية والقصر الإمبراطوري، ومنزل العائلة الإمبراطورية اليابانية.
محافظة طوكيو هي جزء من منطقة العاصمة الاكثر اكتظاظا بالسكان في العالم مع 38 مليون شخص وأكبر اقتصاد في المناطق الحضرية في العالم.
باستخدام و class السمة على المضمنة عناصر
ويمكن أيضا سمة الفئة HTML يمكن استخدامها لعناصر مضمنة:
مثال
<!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> انها محاولة لنفسك » اختبر نفسك مع تمارين!
التمرين 1 » التمرين 2» التمرين 3 »