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

HTML: أساسيات إنشاء صفحات الويب

HTML (HyperText Markup Language) لغة ترميز النص التشعبي. أساس بناء صفحات الويب.

1- ما هو HTML

HTML لغة توصيف (وليست برمجة) تستخدم لبناء هيكل صفحات الويب. تستخدم الوسوم (Tags) لتعريف العناصر. ملف HTML ينتهي بـ .html.

2- البنية الأساسية

!DOCTYPE html → html → head (عنوان، ترميز) → body (محتوى الصفحة). الوسم الأساسي: html, head, title, body.

3- الوسوم الأساسية

العناوين: h1 إلى h6. الفقرات: p. الروابط: a href=’url’. الصور: img src=’image.jpg’. القوائم: ul (غير مرقمة), ol (مرقمة), li (عنصر). الجداول: table, tr, td.

4- النماذج (Forms)

form: إدخال بيانات المستخدم. input: حقول الإدخال (text, password, email, number, submit). textarea: نص متعدد الأسطر. select: قائمة منسدلة. button: زر.

5- الوسوم الدلالية (Semantic HTML)

header, nav, main, article, section, aside, footer. تحسن القراءة لمحركات البحث وتحسين الوصولية.

تمارين محلولة

التمرين 1: أنشئ صفحة HTML بعنوان “اهلا بالعالم”.
!DOCTYPE html → html → head → title /title /head → body → h1… /h1 → p… /p → /body → /html.

التمرين 2: أضف رابطاً وصورة إلى صفحتك. a href=’https://example.com’: انقر هنا /a. img src=’photo.jpg’ alt=’وصف’.

خلاصة

HTML أساس تطوير الويب. فهم الوسوم والبنية الدلالية ضروري لإنشاء مواقع متوافقة مع المعايير.

📍 دروس مشابهة

• البرمجة بلغة بايثون: القوائم
• بايثون: القواميس والمجموعات
• قواعد البيانات: المفاهيم الأساسية