اقرأ في هذا المقال
- ما هي مكونات صفحات الويب المكتوبة في لغة HTML
- أنواع الوسوم الموجودة في لغة HTML
- أهم الوسوم المستخدمة في لغة البرمجة HTML
- كم عدد وسوم HTML؟
- ما خصائص لغة HTML
- النماذج في لغة HTML
ما هي مكونات صفحات الويب المكتوبة في لغة HTML
تتكون صفحة الويب من العديد من العناصر التي تسمى (TAGS) أو يمكن تسميتها بالوسوم وعند كتابة واستخدام تلك الوسوم فإنها تكتب بداخل “Angel brackets” والتي تظهر بهذا الشكل (< >).
وتنقسم الصفحة المكتوبة بلغة البرمجة (HTML) إلى قسمين رئيسين وهما قسم ال (head) ويُكتب بداخلة محتوى الصفحة ولا يظهر هذا القسم داخل المتصفح ولكن يوجد بداخله جميع المعلومات الخاصة بالصفحة وطريقة عرضها، والقسم الثاني هو قسم ال (body) ويُكتب بداخلة كل العناصر التي تعرض بداخل متصفح الويب.
أنواع الوسوم الموجودة في لغة HTML
هناك نوعين مختلفين من الوسوم التي تستخدم أثناء الكتابة بلغة البرمجة (HTML)، النوع الأول من هذه الوسوم يقوم بعرض محتواه بشكل مباشر داخل صفحة الويب، أمّا النوع الثاني فهي الوسوم التي تقوم بوصف ما بداخلها من عناصر مثل وسم إضافة نص بداخل صفحة الويب.
أهم الوسوم المستخدمة في لغة البرمجة HTML
| الوسم | الاستخدام |
| <DOCTYPE!> | يستخدم هذا الوسم لتحديد نوع المستند |
| <head> | هو وسم خاص بمعلومات عن الصفحة ويحتوى على عنوان الموقع. |
<body> | وهو وسم يختص بجميع العناصر المرئية بالموقع. |
| <abbr> | يستخدم هذا الوسم لتعريف اختصار. |
| <address> | يستخدم لتعريف عنوان. |
| <area> | يستخدم هذا الوسم لتحديد منطقة معينة في الصورة. |
| <b> | يستخدم هذا الوسم لجعل النص عريض. |
| <bdo> | يستخدم لتحديد اتجاه النص. |
| <big> | يستخدم لجعل النص أكبر. |
| <br> | يستخدم هذا الوسم للنزول سطر جديد أثناء الكتابة. |
<blockquote> | يستخدم هذا الوسم لتحديد اقتباس. |
| <u> | يستخدم لوضع خط تحت الكتابة. |
| <i> | يستخدم لجعل الكتابة مائلة. |
| <colgroup> | يستخدم هذا الوسم لتحديد مجموعة من الأعمدة في تنسيق الجدول. |
| <dir> | يستخدم هذا الوسم لعرض محتوى مجلد او ملف. |
| <div> | يستخدم لتقسيم صفحة الويب. |
| <article> | يستخدم هذا الوسم مع المقالات. |
| <link> | يستخدم هذا الوسم لعمل ارتباط مع عنصر خارجي. |
| <tr> | يستخدم هذا الوسم لتعريف صف في الجدول. |
| <htitle> | يستخدم لتحديد عنوان الصفحة. |
| <tfooter> | يستخدم لتحديد نهاية الجدول أو ذيل الجدول. |
| <var> | يستخدم هذا الوسم لتعريف متغير. |
| <thead> | يستخدم هذا الوسم لتحديد بداية الجدول أو أول صف في الجدول. |
| <select> | يستخدم لتعريف قائمة منسدلة. |
| <q> | يستخدم مع السؤال القصير. |
كم عدد وسوم HTML؟
ما خصائص لغة HTML
النماذج في لغة HTML
النموذج (Form) في لغة HTML هو عبارة عن مجموعة من عناصر التحكم التي تسمح للمستخدمين بإدخال البيانات وإرسالها إلى خادم الويب.
أمثلة على عناصر التحكم في النماذج:
- حقول الإدخال النصية: تُستخدم لإدخال البيانات النصية، مثل الاسم والبريد الإلكتروني.
- حقول الإختيار من متعدد: تُستخدم لاختيار خيار واحد من مجموعة من الخيارات.
- حقول الإختيار المتعدد: تُستخدم لاختيار أكثر من خيار من مجموعة من الخيارات.
- القوائم المنسدلة: تُستخدم لاختيار خيار واحد من قائمة من الخيارات.
- أزرار الإرسال: تُستخدم لإرسال البيانات إلى خادم الويب.
استخدامات النماذج في لغة HTML
- جمع البيانات من المستخدمين: يمكن استخدام النماذج لجمع البيانات من المستخدمين، مثل معلومات التسجيل أو معلومات الاتصال.
- إرسال طلبات إلى خادم الويب: يمكن استخدام النماذج لإرسال طلبات إلى خادم الويب، مثل طلب شراء منتج أو طلب خدمة.
- التحقق من صحة البيانات: يمكن استخدام النماذج للتحقق من صحة البيانات التي يدخلها المستخدمون.
مكونات النموذج في لغة HTML
- علامة
<form>: تُستخدم لتعريف بداية النموذج.
- علامة
</form>: تُستخدم لتعريف نهاية النموذج.
- عناصر التحكم: تُستخدم لإدخال البيانات من قبل المستخدمين.
- صفات: تُستخدم لتحديد خصائص النموذج، مثل طريقة إرسال البيانات وعنوان URL لخادم الويب.
