كيفية انشاء موقع بواسطة لغة html خطوة بخطوة – للمبتدئين –الدرس الخامس
السلام عليكم ورحمة الله وبركاتة , اهلاً وسهلاً بكم في مدونة منوعات ,درس جديد من دورة انشاء موقع بواسطة لغة html .
نبدأ على بركة الله , تحدثنا في الدروس السابقة عن وسم البداية والاغلاق في نفس الوقت , ومن هذه الوسوم <b /> الذي يجبر النصر على الظهور في سطر جديد. ووسم اخر <hr /> الذي يقوم برسم خط افقي .
اليوم في هذا الدرس سوف نتحدث عن خصائص التي يمكننا ان نسخدمها لمعظم العناصر :
لو رجعنا الى الدروس السابقة , ذكرنا فيها ان العناصر تعطي هيكلية لصفحة html وتخبر المتصفح كيف تريد لموقعك ان يظهر , مثال <b /> تخبر المتصفح بنقل مابعدها من النص الى سطر جديد , في بعض العناصر يمكننا ان نصنف المزيد من المعلومات , تسمى الخصائص .
متال :
<h2 style="background-color:#ff0000;">My
friendship with HTML</h2>
في هذا المثال يوضح فيه الطريقة التي تستخدم للخصائص , فهي تبدأ بأسم الخاصية ثم بعدها علامة (=) ثم قيمة الخاصية , الفاصلة المنقوطة في المثال نستخدم فقط في خاصية (style) ووظيفتها الفصل بين اوامر مختلفة .
هناك عدة خصائص سوف نتحدث عنها في الدروس القادمة انشاء الله . سوف نستخدم خاصية style)) وظيفتها الفصل بين اوامر مختلفة , والتي يمكن استخدامها لأضافة تصميم للموقع .
مثال : سمكن اضافة لون خلفي ببصفحة :
<html>
<head>
</head>
<";<body style="background-color:#ff0000
</body>
</html>
هذه الخاصية سوف تظهر لون الصفحة بلون الاحمر .
ملاحضة : يجب كتابة السماء وغيرها من الكلمات بلهجة الانجليزية , متلا color و ليس colour من المهم ان تكتب بهذه اللهجة التي تراها في الامثلة , لكي يعرض المتصفح صفحات الموقع بصورة صحيحة .
في المثال وضعنا #ff0000 للون الخلفية , هذه الرمز يشير الى الون الاحمر وهو عدد سداسي عشر , ويسمى بلانجليزية HEX , فجميع الالوان لها رموز خاصة بها لكي يتم التعرف عليها المتصفح , وينفذها بصورة صحيحة .
مثال :
ابيض #ffffff
اسود #000000
ازرق #0000ff
وغيرها من الرموز المهمة للالوان , جميع رموز الالوان تبدأ بعلامة هاش (#) بعدها ارقام و اجرف , ويمكنك ايضاً استخدام اسماء الالوان مثلاً الابيض whit , والاحمر red , اسود black ازرق blue .....وغيرها
مثال:
< body style="background-color: red;" >
هنالك مجموعة مختلفة من الخصائص يمكن استخدامها لمعظم العناصر :
غالباً تستخدم خصائص في الوسم مثل body , لكن ليس في وسم اخر مثل br , لان وضع النص في سطر جديد لايحتاج الى خصائص .
وكما نعرف ان هنال الكثير من العناصر , فيجب ان نعرف ان هنال الكصير من الخصائص , بعص الخصائص صممت , لعنصر محدد وبعضها يمكن استخدامها لعناصر مختلفة , وايضاً هنالك عناصر يمكن ان تحوي خصائص كثيرة , وبعض الهناصر لاتحوي سوا عنصر واحد فقط .
قد يبدو الامر محير الان , لكن عندما تعتاد على هذه الخصائص سوف تجدها منطقية و بسيطة للغاية عندما تستخدمها .
مكونات العناصر:
بشكل عام ان العناصر تتكون من وسم بداية تحوي خاصية او اكثر او قد لا تحتوي على اي خاصية , بم بعض المحتويات , تم وسم الاغلاق هذه ببساطة هي مكونات العناصر .
والان راجع مادرسنا في هذا الدرس , ثم اختبر نفسك اكثر من مره , لترى انها سهلة وبسيطة . هذا كل ما لدي لهذا الدرس .
شكراً لحسن المتابعة نلقاكم في درس جديد عن الروابط وكيفية اضافتها بصورة صحيحة . وصل الله على سيدنا وحبيبنا محمد واله وصحبة اجمعين , والسلام عليكم ورحمة الله وبركاتة .
تعليقات
إرسال تعليق