درس إنشاء موقع ويب: أساسيات HTML – الإعلام الآلي – السنة الرابعة إبتدائي – المنهاج الجزائري

إنشاء موقع ويب: أساسيات HTML

HTML هي لغة بناء صفحات الويب. في هذا الدرس سنتعلم كيفية إنشاء صفحة ويب بسيطة باستخدام HTML.

ما هي HTML؟

HTML (HyperText Markup Language) هي لغة تستخدم لإنشاء صفحات الويب. صفحة HTML هي ملف نصي يحتوي على عناصر (Elements) تحدد هيكل الصفحة. المتصفح (Chrome، Firefox، Edge) يقرأ ملف HTML ويعرضه كصفحة ويب. HTML ليست لغة برمجة (لا تحتوي على شروط وحلقات) بل لغة توصيف (Markup Language). أحدث إصدار هو HTML5.

هيكل صفحة HTML

كل صفحة HTML لها هيكل أساسي: DOCTYPE html (نوع المستند)، HTML (بداية ونهاية صفحة الويب)، head (رأس الصفحة: عنوان الصفحة، معلومات)، title (عنوان يظهر في تبويب المتصفح)، body (جسم الصفحة: المحتوى الذي يظهر للمستخدم). جرب: اكتب هذا الكود في مفكرة (Notepad) واحفظه كـ mypage.html، ثم افتحه في المتصفح.

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

العناصر (Tags) في HTML تفتح وتغلق: h1 (عنوان رئيسي)، h2 إلى h6 (عناوين فرعية)، p (فقرة)، br (سطر جديد). img (صورة), a (رابط). مثال: h1 أهلاً بالعالم /h1, p هذه أول صفحة ويب لي! /p. img src=picture.jpg alt=صورة. a href=https://google.com زيارة جوجل /a. يمكنك أيضاً إنشاء قوائم: ul (غير مرتبة)، ol (مرتبة)، li (عنصر قائمة).

مشروعك الأول: صفحة ويب عن نفسك

أنشئ صفحة ويب عن نفسك: العنوان: h1 مرحباً، أنا [اسمك] /h1. فقرة: p عمري [عمرك] سنة، وأدرس في [مدرستك]. /p. عنوان فرعي: h2 هواياتي /h2. قائمة: ul، li كرة القدم /li، li القراءة /li، li الرسم /li، /ul. صورة: img src=yourphoto.jpg alt=صورتي. رابط: a href=mailto:youremail.com راسلني /a. جرب واحفظ الصفحة وشاهدها في المتصفح!

للمزيد من دروس الإعلام الآلي، راجع درس الشبكات الحاسوبية ودرس حالات المادة.