 |
| دورة تعلم أساسيات لغة html للمبتدئين الدرس الثاني |
دورة تعلم أساسيات لغة html للمبتدئين الدرس الثاني
مرحبا بكم في مدونة مستر نوب للتقنية و الألعاب موضوعنا اليوم حول تعلم لغة html لبرمجة صفحات الويب ، و قد سبق ووضعنا الدرس الأول في تعلم أساسيات لغة html للمبتدئين ، لقراءة الموضوع إضغط هنا ،أما الأن سنشرح الدرس الثاني من لغة html و في هذه المقالة سنتطرق إلى الوسوم التالية ، و سنشرح جميع أكواد لغة HTML و كيفية عمالها و وظيفتها في الأكواد البرمجية داخل صفحات الويب لذا إذا كنت مبتدئ ماعليك سوى متابعة هذا الكورس الشامل الذي سنشرح فيه لغة ترميز النص التشعبي hypertext markup language .
الوسوم او tags التي سنقوم بشرحها في درس اليوم حول تعلم لغة html للمبيتدئين .
محتويات المقال:
شرح وسوم الخطوط و الالوان في لغة البرمجة html
شرح وسوم العناوينh1 , h2 , h3 , h4, h5 6 في لغة html للمبتدئين
شرح وسوم الفقرات و القوائم في لغة البرمجة html
شرح وسوم الويب في لغة البرمجة html
شرح طريقة وضع صورة في صفحة الويب بلغة البرمجة html
شرح وسوم الخطوط و الالوان في لغة البرمجة html
اولا : شرح وسم الألوان bgcolor
يستعمل وسم bgcolor في تغيير ألوان صفحات الويب ويوضع في الوسم body ، و توجد طريقيتن لتحديد الألوان في لغة html .
الطريقة الأولى :
هي السادس عشر (hexa decimal) وهذ الكود يتكون من 6 ارقام و حروف، بحيث يكون اللون الأحمر و الأزراق و الأخضر هو الألوان الأساسية و لكل لون 256 درجة مثلا 00000# و هي الدرجة صفر من كل لون أي اللون الأسود ، أنظر الصورة لكي تفهم أكثر .
حيث أنه يمثل كل حرفين أو رقم و حرف من هذه الثلاث الألوان الاساسية و يتم دمجها للحصول على لون واحد متدرج .
الطريقة الثانية :
إن وجهتك صعوبة في الطريقة الأولى يمكنك إستخدام الطريقة الثانية هي فقط تعتمد على وضع أسماء الالوان في الكود البرمجي مثلا نريد وضع اللون الأزراق نضعه بهذا الشكل :
إليك بعض أكواد الألوان مع أسمائها لتعلم لغة ترميز النص التشعبي HTML .
ملاحظة مهمة
يتم وضع أسماء الألوان باللغة الانجليزية فقط داخل الأكواد .
ثانيا : شرح وسم الخطوط font
يوضع داخل الكود ب font و هو إسم الخط باللغة الإنجليزية و توجد فيه من الخصائص و هي : face، color ، size ، id ، class .class .
شرح وسوم العناوين h1, h2 , h3 .. للمبتدئين .
هذه الوسوم تسمح بكتابة عناوين بحجم أكبر من 1 إلى 6 حيث h1 هو الأكبر و h6 هو الحجم الأصغر ، يمكنك بهذه الوسوم كتابة العناوين الفرعية و الثانوية هذا الجدول يوضح جميع الخصائص .
شرح وسوم الفقرات في لغة البرمجة html
اسم فقرة في اللغة الإنجليزية هي " paragraph " ويرمز لوسم الفقرة في لغة البرمجة HTML ب P ، وفي الجدول أسفله يشرح جميع خصائص وسم الفقرات .
شرح طريقة وضع صورة بلغة البرمجة html
لوضع صورة بلغة إتش تي إم إل نستعمل الصيغة التالية :
<img src="image.source.link" alt=" نص لوصف الصورة ">
هذا هو الكود البرمجي لوضع صورة .
خاتمة
كان موضوع حول شرح وسوم لغة ترميز النص الفائق HTML للمبتدئين الدرس الثاني ، إن كنت تريد تعلم جميع أكواد لغة HTML مع الشرح تابع هذه الدورة من الصفر فبكل تأكيد ستتعلم لغة HTML .