مقدمة في HTML: هيكلة صفحات الويب باستخدام العناصر الأساسية – الإعلام الآلي — السنة الأولى ثانوي (جذع مشترك علوم وتكنولوجيا) — المنهاج الجزائري

مقدمة في HTML: هيكلة صفحات الويب باستخدام العناصر الأساسية

HTML (HyperText Markup Language) هي لغة ترميز تستخدم لإنشاء صفحات الويب. تحدد هيكل المحتوى باستخدام العلامات (Tags).

هيكل صفحة HTML

صفحة HTML تبدأ بـ DOCTYPE وتحتوي على عنصر html ينقسم إلى head (معلومات تعريفية) و body (محتوى الصفحة).

العناصر الأساسية

• العناوين: h1 إلى h6 (h1 الأكبر، h6 الأصغر)
• الفقرة: p
• الروابط: a href=””
• الصور: img src=”” alt=””
• القوائم: ul (غير مرتبة)، ol (مرتبة)
• الجداول: table, tr, td, th
• الفواصل: div, span, br, hr

السمات (Attributes)

السمات توفر معلومات إضافية عن العنصر. مثال: class، id، style، src، href، alt. src تحدد مصدر الصورة، href تحدد وجهة الرابط، class و id لتحديد الأنماط.

النماذج (Forms)

النماذج تسمح بإدخال البيانات وإرسالها. عناصر النموذج: input (نص، كلمة سر، رقم)، textarea (نص طويل)، select (قائمة اختيار)، button (زر).

تمارين

1. اكتب كود HTML لصفحة تحتوي على عنوان رئيسي وفقرة ورابط.
2. أنشئ جدولاً بثلاثة صفوف وثلاثة أعمدة.
3. أنشئ نموذج تسجيل يحتوي على اسم وكلمة سر وزر إرسال.

? دروس مشابهة:

• المصفوفات في البرمجة: تعريفها واستخداماتها – الإعلام الآلي –
• الجمل الشرطية في البرمجة: if else – الإعلام الآلي — السنة ا
• الحلقات التكرارية في البرمجة: for و while – الإعلام الآلي —