مدونة التربية و التعليم في الجزائر – دروس، فروض، نتائج امتحانات مدونة التربية والتعليم في الجزائر | تحضير الدروس، فروض واختبارات، نتائج البكالوريا وBEM، مسابقات التوظيف، والتوجيه المدرسي للطلاب وأولياء الأمور.
HTML: أساسيات تصميم صفحات الويب – الإعلام الآلي
HTML (HyperText Markup Language) هي لغة ترميز تستخدم لبناء وتصميم صفحات الويب. أساس تطوير الويب.
1. ما هي HTML؟
HTML هي لغة ترميزية (وليست برمجية) تصف بنية صفحة الويب باستخدام عناصر (Elements) تمثلها وسوم (Tags). المتصفح يقرأ HTML ويعرض الصفحة.
2. البنية الأساسية لصفحة HTML
أي صفحة HTML تبدأ بـ <!DOCTYPE html> ثم <html> ثم <head> (معلومات عن الصفحة) و <body> (محتوى الصفحة).
3. الوسوم الأساسية
- <h1> إلى <h6>: العناوين
- <p>: الفقرة النصية
- <a href=”…”>: الرابط
- <img src=”…” alt=”…”>: الصورة
- <ul> و <ol> و <li>: القوائم
- <table> و <tr> و <td>: الجداول
- <div>: حاوية للتقسيم
4. مثال كامل
<!DOCTYPE html>
<html>
<head><title>صفحتي الأولى</title></head>
<body>
<h1>مرحباً بالعالم</h1>
<p>هذه صفحتي الأولى بلغة HTML.</p>
<a href=”https://dz-onec.com”>موقع dz-onec</a>
</body>
</html>
5. تمارين تطبيقية
التمرين 1: أنشئ صفحة HTML تحتوي على عنوان رئيسي وفقرة ونص غامق.
التمرين 2: أضف رابطاً وصورة إلى صفحة HTML.
التمرين 3: أنشئ جدولاً بسيطاً يحتوي على 3 أعمدة وصفين.
6. الحلول
حل 1: <h1>عنوان</h1> <p><b>نص غامق</b> ونص عادي</p>
حل 2: <a href=”https://example.com”>رابط</a> <img src=”صورة.jpg” alt=”وصف”>
حل 3: <table border=”1″><tr><td>الاسم</td><td>العمر</td><td>المدينة</td></tr></table>
للمزيد من الدروس راجع التناسبية والدوال الخطية ودرس الدوال المرجعية: دالة المربع والمقلوب.