تعلم لغة html من الصفر (2)

تعلم لغة html من الصفر (2)

2

تعلم لغة html من الصفر (2)

تعلم لغة html من الصفر

اهلا بكم متابعينا في الدرس الثاني من تعلم لغة html من الصفر وفي الدرس الاول شرحنا بدائيات اللغة مثل اكواد الهيد واكواد الميتا وكود تعريف الصفحة بانها مكتوبة بلغة HTML مع اضافة انفوجرافيك بسيط يوضح ويبسط لك المعلومة أكثر وأكثر . اليوم هو الدرس الثاني من اللغة الرئيسية التي تكتب بها صفحات الويب لغة HTML وكيفية تعلم لغة html من الصفر.

شرح و تعلم لغة html من الصفر ( الدرس الثاني )

لغة html ممكن أن تضع لها تعليقات وهذه لاتعرض في المتصفح ولكن تساعدك في توثيق ومعرفة الكود الخاص بك ـ يكتب كود التعليقات بهذه الطريقة :-

 

<!-- هذا مثال لتوضيح تعليقي -->

 

تعلم لغة html من الصفر

ايضا لمن لايعلم هذه المعلومة ان لغة HTML تحتوي علي 140 لون ويمكنك معاينة جميع هذه الألوان من خلال موقع w3schools الشهير وبالطبع يمكنك اضافة هذه الألوان في خصائص العناصر مثل هذا الكود

class=”meta alignright” style=”color: red;”

و في درس سابق عن اضافة اكواد css شرحنا اضافة اكواد css في عنصر HTML وهذا الذي موجود في المثال في الأعلي .

وهذا كود يشبه الأس في الرياضيات

 

<sup></sup >

ويستسخدم هذه الكود في المسائل الرياضية  ً
لإنزال الكلمة أو الحرف
الصب> sub></sub>

الجداول – Table

لكي تقوم بعمل جدول من خلال html قم باستخدام الوسم <table>

تعلم لغة html من الصفر

ويمكنك أن تجعل النص داخل الجدول نفسه و في المنتصف
الصف الخاص بالجدول

<tr></tr>

وكل tr يكون بداخلها td أو th وهي خاصة برأس الجدول
data table : بيانات الجدول

<td></td>

heading Table : رأس الجدول

<th></th>

وهي تعبر عن رأس الجدول المختص بالبيانات ، وممكن أن تضيف للجدول Border لكي تقوم بتغيير شكل الجدول قليلا . واليكم هذه الاكواد أو الوسوم الخاصة بعنصر الجدول .

<th> تعريف خلية رأس في جدول
<tr> يعرف صفا في جدول
<caption> تعريف تسمية توضيحية للجدول

<colgroup>

يحدد مجموعة من أعمدة أو أكثر في جدول لتنسيق
<col> يحدد خصائص العمود لكل عمود ضمن عنصر <colgroup>
<thead> تجميع محتوى الرأس في جدول
<tbody> تجميع محتوى النص في جدول
<tfoot> يقوم بتجميع محتوى التذييل في جدول
النماذج – Form
تعلم لغة html من الصفر
يتم إستخدام نموذج HTML لتجميع إدخال المستخدم وبمعني اخر هي بيانات المستخدم التي يحتاجها الموقع
عناصر النموذج هي أنواع مختلفة من عناصر الإدخال ، مثل حقول النص ،
أزرار الاختيار ، ومبربعات الاختيار ، وأزرار الإرسال ، وغيرهم من عناصر الادخال. يتم كتابة كود النموذح بداية من هذا الوسم
<form></form>

 

عنصر <input> HTML هو عنصر النموذج الأكثر إستخداما. يمكن عرض عنصر <input> بعدة طرق، حسب سمة النوع.

<input type=”text”> هو كود

يعرض حقل إدخال نص أحادي الخط
<input type=”radio”> هو زر لتحديد أحد الخيارات المتعددة

<input type=”checkbox”>

عرض خانة إختيار (لتحديد صفر أو أكثر من الخيارات المتعددة)
والكود <input type=”submit”> هو كود يقوم بعرض زر إرسال (لإرسال النموذج)

<input type=”button”> هو كود يعرض زرًا قابلاً للنقر

عنصر <label>
تحدد العلامة <label> تسمية للعديد من عناصر النموذج.
يعتبر عنصر <label> مفيدًا لمستخدمي قارئ الشاشة ، لأن قارئ الشاشة سيقرأ التسمية بصوت عالٍ عندما يركز المستخدم على عنصر الإدخال.يساعد عنصر <label> أيضًا المستخدمين الذين يجدون صعوبة في النقر فوق مناطق صغيرة جدًا (مثل أزرار الاختيار أو مربعات الاختيار) – لأنه عندما ينقر المستخدم على النص داخل عنصر <label> ، فإنه يبدل زر الاختيار / مربع الاختيار.يجب أن تكون السمة الخاصة بعلامة <label> مساوية لسمة id لعنصر <input> لربطهما معًا.

أنتهي الدرس الثاني من دورة تعلم لغة html من الصفر  وسنقوم بوضع المزيد من الدروس في الايام القادمة باذن الله شكرا لزيارتك ويب تايمز قم بمشاركة الموضوع اذا افادك او قم بدعمنا من خلال كتابة تعليق تحفيزي لنا ولا تنسي الاطلاع علي شهاداتي واذا اردت الاستفسار عن أي شي لاتتردد في كتابته في تعليق وسنرد عليك فورا .

تعلم لغة html من الصفر للاحتراف ( الجزء الثالث)

لمتابعي موقع ويب تايمز فقط
سنرسل لك كلمات رئيسية عالية الزيارة وعالية الربح CPC مجانا !
يمكنك إلغاء الاشتراك في أي وقت
2 تعليقات
  1. MIDO TECH يقول

    شكرا لك

  2. ايهاب زين يقول

    شكرا لتعليقك

اترك رد

لن يتم نشر عنوان بريدك الإلكتروني.

20 + 2 =