برمجةكورسات

تعلُّم لغة HTML – الدرس الثالث

دروس بسيطة في لغة الويب HTML

اقرأ في هذا المقال

  • سنتعلم اليوم كيفية إضافة معلومات تدعمها لغة HTML وتسمى بالخصائص ، تتيح لنا الخصائص إضافة معلومات تفصيلية حتى يبدو موقعنا أفضل. ماهي الخصائص؟، وكيف نستخدمها؟

الخصائص في HTML

نحن نتذكّر أنّ العناصر تُعطي هيكلية لصفحة HTML وتخبر المُتصفِّح كيف نريد لموقعنا أن يظهر، كمثال: وسم <br/>  يُعْلِم المتصفح أن يقوم بنقل ما بعده من نصّ إلى سطر جديد،
واليوم سنتعلّم عن مزيد من العناصر التي تُتيح لنا إضافة المزيد والمزيد من المعلومات التفصيليّة حتى يبدو موقعنا أفضل.

سنتعلم اليوم كيفية إضافة معلومات تدعمها لغة HTML وتسمى بالخصائص.
ماهي الخصائص ؟؟ وكيف نستخدمها ؟؟

الخصائص تُكتب دائماً بنفس الطريقة، فهي تبدأ باسم الخاصيَّة ، ثم يتبعها “=”، ثم قيمة الخاصيَّة.
الخصائص كثيرة ومُتنوِّعة المهام، وسنتعلم أهمها وهي  الخاصيّة (style)، والتي يُمكِن استخدامها لإضافة تصميم لموقعك، فمثلاً يمكننا إضافة لونٍ خلفيٍّ للصفحة:

<html>

<head> </head>

<body style=”background-color:#ff0000;”></body>

<html/>

 

نظم الألوان في HTML:

هذه الخاصّيّة ستجعل لون الصفحة أحمراً، ولكن ماهذه القيمة المكتوبة أعلاه؟؟ وكيف يُمكِننا أن نعلم ما القيمة التي علينا استخدامها ؟؟
إن هذه القيمة “#ff0000”  تدلُّ دائما على اللون الأحمر، وهو يعتمد على عدّ سُداسيّ عشر كل لون له قيمته الخاصة، وتستعمل في أي تنسيق يتضمن الألوان، وليس فقط فيما يتعلق بأرضية الموقع، و إليك بعض قيم الألوان:

أبيض : #‎ffffff            أسود : #000000

أحمر : #ff0000           أزرق غ: #‎0000ff

أخضر : #‎00ff00          أصفر :  #‎ffff00

زهري : #ff00ff         أزرق ف: #00ffff

 

كما ترى ، لنظم الألوان شكل ثابت يتكرر في html ، فهي تبدأ بعلامة #، ثم ستة أرقام أو أحرف، وهي تُعبّر بطريقة ما عن نسب الدمج بين الألوان، و هنالك الكثير الكثير من القيم، لذا ليس من السهل تذكرها مما يضطرنا إلى اللجوء إلى بعض المواقع التي تمنحنا القيم جاهزةً88، و إليك جدول يحوي أهم القيم مجموعةً في صورة:

html color
html color

وكنوع من التخفيف يمكننا استخدام أسماء الألوان الرئيسية بشكل مباشر ، أي ألوان كالأبيض و الأسود و الأحمر و الأزرق.
على الشكل المكتوب هنا:  <body style=”background-color:red ;”>.

نكتفي بهذا القدر عن خاصية style قسم ألوان أرضية الموقع، لنعود في الدرس القادم إلى المزيد.

 

الدروس السابقة: الدرس الأول ، الدرس الثاني.

 

 

 

 

هل أعجبك المقال؟

شاركونا آراءكم واقتراحاتكم

 

 


 

اقرأ أيضاً:

 

 

الوسوم

رامة

طالبة في كلية الآداب، مهتمة بالتكنولوجيا ونشرها، كالبرمجة والذكاء الصنعي.

مقالات ذات صلة

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

هذا الموقع يستخدم Akismet للحدّ من التعليقات المزعجة والغير مرغوبة. تعرّف على كيفية معالجة بيانات تعليقك.

زر الذهاب إلى الأعلى
إغلاق