أهم الوسوم في لغة البرمجة 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ستة مستويات من وسوم العناوين، تبدأ من <h1> إلى <h6>، وتزداد أهمية العنوان بالتدريج، فالوسم <h1> يكون أهم عنوان، بينما الوسم <h6> يكون العنوان الأقل أهمية في صفحة الويب وهكذا.

ما خصائص لغة HTML

1- تعتبر لغة HTML لغة توصيفية لإنشاء صفحات الويب وتطبيقات الويب.
2- HTML هي اختصار ل Hypertext Markup Language (أي لغة النص الفائق).
3- تستخدم لغة HTML مع لغة CSS و JavaScript لإنشاء صفحات ويب تفاعلية.
4- تقوم لغة HTML باستقبال متصفحات الويب مستندات مكتوبة بلغة HTML من خادم الويب أو من نظام الملفات وتعرضها.
5- وظيفة لغة HTML هي وصف بنية صفحات الويب هيكليًا.

النماذج في لغة HTML

النموذج (Form) في لغة HTML هو عبارة عن مجموعة من عناصر التحكم التي تسمح للمستخدمين بإدخال البيانات وإرسالها إلى خادم الويب.

أمثلة على عناصر التحكم في النماذج:

  • حقول الإدخال النصية: تُستخدم لإدخال البيانات النصية، مثل الاسم والبريد الإلكتروني.
  • حقول الإختيار من متعدد: تُستخدم لاختيار خيار واحد من مجموعة من الخيارات.
  • حقول الإختيار المتعدد: تُستخدم لاختيار أكثر من خيار من مجموعة من الخيارات.
  • القوائم المنسدلة: تُستخدم لاختيار خيار واحد من قائمة من الخيارات.
  • أزرار الإرسال: تُستخدم لإرسال البيانات إلى خادم الويب.

استخدامات النماذج في لغة HTML

  • جمع البيانات من المستخدمين: يمكن استخدام النماذج لجمع البيانات من المستخدمين، مثل معلومات التسجيل أو معلومات الاتصال.
  • إرسال طلبات إلى خادم الويب: يمكن استخدام النماذج لإرسال طلبات إلى خادم الويب، مثل طلب شراء منتج أو طلب خدمة.
  • التحقق من صحة البيانات: يمكن استخدام النماذج للتحقق من صحة البيانات التي يدخلها المستخدمون.

مكونات النموذج في لغة HTML

  • علامة <form>: تُستخدم لتعريف بداية النموذج.
  • علامة </form>: تُستخدم لتعريف نهاية النموذج.
  • عناصر التحكم: تُستخدم لإدخال البيانات من قبل المستخدمين.
  • صفات: تُستخدم لتحديد خصائص النموذج، مثل طريقة إرسال البيانات وعنوان URL لخادم الويب.

شارك المقالة: