مدونة التربية و التعليم في الجزائر – دروس، فروض، نتائج امتحانات مدونة التربية والتعليم في الجزائر | تحضير الدروس، فروض واختبارات، نتائج البكالوريا وBEM، مسابقات التوظيف، والتوجيه المدرسي للطلاب وأولياء الأمور.
إنشاء صفحات الويب: أساسيات HTML
\n
HTML هي لغة ترميز تستخدم لإنشاء صفحات الويب. في هذا الدرس سنتعلم أساسيات هذه اللغة.
\n\n
أولاً: ما هي HTML؟
\n
HTML (HyperText Markup Language) هي لغة ترميز النص الفائق. تستخدم لوصف هيكل صفحة الويب باستخدام وسوم (tags).
\n\n
ثانياً: بنية صفحة HTML
\n
<!DOCTYPE html>\n<html>\n <head>\n <title>عنوان الصفحة</title>\n </head>\n <body>\n <h1>مرحباً بالعالم</h1>\n <p>هذه فقرة نصية.</p>\n </body>\n</html>
\n\n
ثالثاً: الوسوم الأساسية
\n
- \n
- <h1> إلى <h6>: عناوين مختلفة المستويات
- <p>: فقرة نصية
- <a href=”…”>: رابط تشعبي
- <img src=”…”>: صورة
- <ul> و <ol>: قوائم غير مرتبة ومرتبة
- <table>: جدول
\n
\n
\n
\n
\n
\n
\n\n
رابعاً: مثال تطبيقي
\n
صفحة HTML بسيطة لموقع مدرسي:
\n
<h1>مدرستنا</h1>\n<p>مرحباً بكم في موقع مدرستنا.</p>\n<h2>قائمة الفصول</h2>\n<ul>\n <li>السنة الأولى متوسط</li>\n <li>السنة الثانية متوسط</li>\n</ul>\n<a href="https://dz-onec.com/">موقع المدرسة</a>
\n\n
تمارين تطبيقية
\n
التمرين 1: اكتب صفحة HTML بسيطة تعرض اسمك وهواياتك.
\n
التمرين 2: أنشئ صفحة HTML تحتوي على جدول يضم جدول الحصص الأسبوعي.
\n\n
تمرين منزلي
\n
1) أنشئ صفحة HTML تحتوي على قائمة بأهم الدروس التي درستها. 2) أضف رابطاً لموقع dz-onec.com في صفحتك.
\n\n
للمزيد، راجع درس الحوسبة السحابية ودرس شبكات الحاسوب: أنواعها.
📍 دروس مشابهة
- تصميم موقع ويب متكامل — HTML و CSS خطوة بخطوة — الإعلام الآل
- إعلام آلي — CSS: الألوان والخلفيات — السنة الرابعة متوسط — 4
- لغة جافا سكريبت (JavaScript) — مقدمة في البرمجة النصية — الإ
