مدونة التربية و التعليم في الجزائر – دروس، فروض، نتائج امتحانات مدونة التربية والتعليم في الجزائر | تحضير الدروس، فروض واختبارات، نتائج البكالوريا وBEM، مسابقات التوظيف، والتوجيه المدرسي للطلاب وأولياء الأمور.
HTML5: أساسيات إنشاء صفحة ويب – الأولى ثانوي – المنهاج الجزائري
HTML (HyperText Markup Language) هي لغة ترميز تستخدم لإنشاء صفحات الويب. في هذا الدرس سنتعلم أساسيات HTML5 وكيفية إنشاء صفحة ويب بسيطة.
ما هي HTML؟
HTML هي لغة توصيف النص التشعبي، وهي اللغة الأساسية لإنشاء صفحات الويب. تستخدم HTML العلامات (Tags) لوصف محتوى الصفحة: النصوص، الصور، الروابط، الجداول، وغيرها. أحدث إصدار هو HTML5.
هيكل صفحة HTML
صفحة HTML تبدأ بـ DOCTYPE وتحتوي على عناصر html و head و body. مثال على هيكل صفحة HTML بسيطة:
<!DOCTYPE html>
<html>
<head>
<title>عنوان الصفحة</title>
</head>
<body>
<h1>مرحباً بالعالم</h1>
<p>هذه فقرتي الأولى.</p>
</body>
</html>
العلامات (Tags) الأساسية
- <h1> إلى <h6>: عناوين الصفحة (h1 أكبر عنوان).
- <p>: فقرة نصية.
- <a>: رابط تشعبي. يستخدم مع خاصية href.
- <img>: صورة. يستخدم مع خاصية src.
- <ul> و <ol>: قوائم غير مرقمة ومرقمة.
- <li>: عنصر في القائمة.
- <br>: فاصل سطر.
- <hr>: خط أفقي فاصل.
- <strong>: نص عريض (غامق).
- <em>: نص مائل.
الخصائص (Attributes)
الخصائص توفر معلومات إضافية عن العناصر. توضع داخل علامة الفتح. مثال: <a href=”https://example.com”>اضغط هنا</a>. خاصية href تحدد وجهة الرابط. خاصية src تحدد مصدر الصورة. خاصية alt تقدم وصفاً بديلاً للصورة.
تمارين تطبيقية
- أنشئ صفحة HTML بسيطة بعنوان “صفحتي الأولى”.
- أضف عنواناً رئيسياً وفقرة نصية.
- أضف رابطاً لموقع المدرسة.
- أضف صورة مع وصف بديل.
- أنشئ قائمة بأهدافك الدراسية.