HTML في Style السمة
تعيين النمط عنصر HTML، ويمكن أن يتم مع style السمة.
السمة نمط HTML لديها بناء الجملة التالي:
style=" property : value; "و property هي خاصية CSS. و value هي قيمة CSS.
سوف تتعلم المزيد عن CSS في وقت لاحق في هذا البرنامج التعليمي.
HTML لون الخلفية
على background-color الملكية تحدد لون الخلفية لعنصر HTML:
يحدد هذا المثال خلفية لصفحة لlightgrey:
مثال
<body style="background-color:lightgrey;">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body> انها محاولة لنفسك » HTML لون الخط
و color الملكية تحدد لون النص لعنصر HTML:
مثال
<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p> انها محاولة لنفسك » HTML الخطوط
على font-family وتعرف ممتلكات الخط ليتم استخدامها لعنصر HTML:
مثال
<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p> انها محاولة لنفسك » HTML حجم النص
و font-size الملكية تحدد حجم النص لعنصر HTML:
مثال
<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p> انها محاولة لنفسك » HTML محاذاة النص
و text-align تحدد خاصية محاذاة النص الأفقي لعنصر HTML:
مثال
<h1 style="text-align:center;">Centered Heading</h1>
<p>This is a paragraph.</p> انها محاولة لنفسك » ملخص الفصل
- استخدام style سمة لعناصر التصميم HTML
- استخدام background-color للون الخلفية
- استخدام color للألوان النص
- استخدام font-family عن الخطوط النص
- استخدام font-size لأحجام النص
- استخدام text-align لمحاذاة النص
اختبر نفسك مع تمارين!
التمرين 1 » التمرين 2» التمرين 3 » التمرين 4» التمرين 5 » التمرين 6»