كل عنصر HTML
يحتوي على النمط الافتراضي (لون خلفية بيضاء ولون النص الأسود).ومن اجل تغيير
النمط الافتراضي لعنصر HTML، يمكن القيام به مع اسلوب السمة .
القاعدة العامة للقيام بعملية التحكم
بتصميم عنصر HTML
هي:
<tagname style=" "> content </tagname>
حيث يمثل tagname هو عنصر HTML , الاسلوب الذي يكتب بين " " مثل color او background-color ,ويمثل content النص المحصور المراد اجراء تغيرات عليه .
امثلة على ذلك :
1-
<body
style="background-color:lightgrey">في هذا
البلوك من الشفرة يتم تغيير خلفية صفحة الموقع الى اللون الرصاصي من خلال
2-
<h1
style="color:blue">This is a heading</h1>
في هذا المثال يتم
تغيير لون النص (This
is a heading)
الى اللون الازرق
3- <p
style="font-family:courier">This is a paragraph.</p>
في هذا المثال يتم تغيير نمط الخط لجملة (This is a paragraph) الى نمط خط من نوع courier .
4- <p
style="font-size:160%">This is a paragraph.</p>
في هذا المثال يتم تغيير حجم الخط الى "160%" وممكن ان نقوم بوضع رقم
متبوع بكلمةpx
كما في المثال التالي
5- <p
style="font-size:50px">This is a paragraph.</p>
6-
<h1 style="text-align:center">Centered
heading</h1>
في هذا المثال يتم التحكم بالمحاذات للنص حيث تم جعل النص (Centered heading) في منتصف الصفحة من خلال جعل قيمة text-align تساوي center .
التنسيق في HTML(HTML
Text Formatting Elements)
يستخدم HTML رموز معينة
من اجل التنسيق مثل (النص غامق او مائل ...)
1-
<b>content</b>يقوم بجعل النص غامق
2-
<strong>content</strong>يقوم بجعل النص قوي
3-
<i>content</i>يقوم بجعل النص مائل
4-
<em>content</em>يقوم بجعل النص ناعم وجميل
5-
<small>content</small>يقوم بجعل النص صغير
6-
<mark>content</mark>يقوم بجعل خلفية النص صفراء كملاحظة
7-
<sub>content</sub>يقوم بجعل النص منخفض عن مستوى باقي النصوص
8-
<sup>content</sup>يقوم بجعل النص اعلى من مستوى باقي النصوص
عناصر الاقتباس والتنويه (HTML Quotation and Citation)
1-
<q>Build a future where
people live in harmony with nature.</q>
التنفيذ هو" " Build a future where people
live in harmony with nature.
2- <blockquote></ blockquote>
<blockquote
cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature.
The world's leading conservation organization,
WWF works in 100 countries and is supported by
1.2 million members in the United States and
close to 5 million globally.
</blockquote>
3-
<abber></abber>الاختصارات يمكن للاختصارات ان تغطي معلومات
مفيدة للمتصفحات وانظمة الترجمة ومحركات البحث .
4- <address></address>نص العنوان لمعلومات الاتصال
<address>
Written by Jon Doe.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>
Written by Jon Doe.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>
5- <cite></cite>لعمل عنوان بشكل مائل ومميز
<p><cite>The Scream</cite> by Edward Munch.
Painted in 1893.</p>
6-
<bdo></bdo>لتجاوز اتجاه النص الحالي
<p>If your browser supports
bi-directional override (bdo), the next line will be written from right to left
(rtl):</p>
<bdo dir="rtl">This line
will be written from right to left</bdo>
امثلة حية على ذلك
1- التلوين
ليست هناك تعليقات:
إرسال تعليق