مدونة التربية و التعليم في الجزائر – دروس، فروض، نتائج امتحانات مدونة التربية والتعليم في الجزائر | تحضير الدروس، فروض واختبارات، نتائج البكالوريا وBEM، مسابقات التوظيف، والتوجيه المدرسي للطلاب وأولياء الأمور.
HTML (HyperText Markup Language) هي اللغة الأساسية المستخدمة في إنشاء صفحات الويب. كل موقع تتصفحه على الإنترنت مبني بلغة HTML. في هذا الدرس ستتعلم أساسيات HTML وكيفية إنشاء صفحة ويب بسيطة خاصة بك.
الأهداف التعليمية
- أن يتعرف التلميذ على مفهوم HTML واستخداماته.
- أن يُميز بين الوسوم (Tags) الأساسية في HTML.
- أن ينشئ صفحة ويب بسيطة تحتوي على نصوص وصور وروابط.
- أن يفهم بنية مستند HTML الأساسية.
الشرح المبسط
ما هي HTML؟ HTML هي اختصار لـ HyperText Markup Language (لغة ترميز النص التشعبي). هي ليست لغة برمجة بل لغة ترميز تستخدم لإنشاء هيكل ومحتوى صفحات الويب. تتكون من وسوم (Tags) تكتب بين أقواس زاوية (< >). يقرأها متصفح الويب ويعرضها بشكل منسق للمستخدم.
بنية مستند HTML الأساسي: كل صفحة HTML تبدأ بالوسم الذي يُخبر المتصفح أن هذه الصفحة مكتوبة بأحدث إصدار من HTML. ثم يأتي الوسم الذي يحيط بكل محتوى الصفحة. داخل يوجد قسمان:
(الرأس) ويحتوي على معلومات عن الصفحة مثل العنوان، و (الجسم) ويحتوي على المحتوى الذي يظهر في المتصفح.الوسوم الأساسية: الوسوم الأكثر استخداماً:
إلى
للعناوين (h1 الأكبر، h6 الأصغر)،
للفقرات النصية، للروابط التشعبية، للصور،
- و
- ما الفرق بين الوسم <h1> والوسم <h6>؟
- اكتب كود HTML ينشئ صفحة تحتوي على عنوان رئيسي وفقرة وصفية ورابط.
- أكمل: الوسم <____> يستخدم لإضافة الصور، والوسم <____> لإضافة روابط.
- ما دور السمة “alt” في الوسم <img>؟
- أنشئ صفحة HTML تحتوي على قائمة من ثلاث مواد دراسية مفضلة لديك.
- تركيب الضوء الأبيض وتحلله — الطيف الضوئي وألوانه — العلوم الفيزيائية — السنة الرابعة متوسط — المنهاج الجزائري
- هيئة الأمم المتحدة — دورها في حفظ السلام والتنمية — التاريخ والجغرافيا — السنة الرابعة متوسط — المنهاج الجزائري
- للقوائم،
. السمة “alt” مهمة لتحسين محركات البحث ولذوي الاحتياجات الخاصة. السمة “src” تحدد مسار الصورة سواء كانت على الإنترنت أو في نفس المجلد.