دورة HTML5 للمبتدئين

7 : دورة إحتراف HTML5 بمنهجية أكاديمية (Colors and Styles)

يمكنك الحصول على أكواد الألوان من الفوتوشوب أو من Hex Color

الستيلات أو الأنماط يمكن أن نقوم بوضعها عن طريق html أو عن طريق CSS.
هاته الأمثلة خاصة بالـ html :

Style يكون بداخل كل tag ونقوم بكتابته على هذا الشكل :

<tagname style="property:value;">

أمثلة :

Background Color

<body style="background-color:powderblue;">
 
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
 
</body>

ملاحظة : عند وضع النمط أو Style داخل tag فكل العناصر التي داخل هذا tag سوف تتأثر

Text Color

<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>

Fonts

<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>

Text Size

<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>

Text Alignment

<h1 style="text-align:center;">Centered Heading</h1>
<p style="text-align:center;">Centered paragraph.</p>
السابق
6 : دورة إحتراف HTML5 بمنهجية أكاديمية (Comment Tags)
التالي
8 : دورة إحتراف HTML5 بمنهجية أكاديمية ( script و noscript )

شاركنا برأيك