الأنماط داخل لغة HTML Styles

HTML Styles


يُمكن ضبط  عنصر HTML، بإستخدام سمة Styles.
تحتوي سمة النمط HTML Styles على الصيغة التالية:
<tagname style="property:value;">

الخاصية هي خاصية CSS، القيمة هي قيمة CSS.

لون الخلفية داخل لغة HTML

تحدد خاصية لون الخلفية background لون الخلفية لعنصر HTML.
يعيّن هذا المثال لون الخلفية لصفحة إلى اللون powderblue:

مثال:

<body style="background-color:powderblue;">
<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

تُحدد خاصية محاذاة النص Font Align محاذاة النص الأفقي لعنصر HTML:
مثال:
<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>

ملخص درس HTML Styles

  • إستخدم سمة النمط Styles لتصميم عناصر HTML
  • إستخدم لون الخلفية background color لتغيير لون الخلفية
  • إستخدم اللون color لألوان النص.
  • استخدم عائلة الخط font family لتحديد نوع خطوط النص.
  • إستخدم حجم الخط font size لتحديد أحجام الخطوط داخل النصوص.
  • إستخدم محاذاة النص font align لمحاذاة النص.

0 التعليقات

إرسال تعليق