الإعلام الآلي — HTML: الجداول والروابط في صفحات الويب — الأولى ثانوي — المنهاج الجزائري

HTML: الجداول والروابط في صفحات الويب

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

إنشاء الجداول

لإنشاء جدول في HTML نستخدم وسم table. داخل الجدول: tr لإنشاء صف، th لرأس الجدول (عنوان العمود)، td لخلية بيانات. مثال: table border=1 tr th name /th th age /th /tr tr td Ahmed /td td 20 /td /tr /table. يمكن استخدام colspan لدمج الأعمدة و rowspan لدمج الصفوف.

الروابط (Links)

الرابط هو عنصر يسمح بالانتقال إلى صفحة أخرى أو إلى موقع آخر. يستخدم وسم a مع الخاصية href. مثال: a href=https://example.com اضغط هنا /a. يمكن فتح الرابط في نافذة جديدة باستخدام target=_blank.

الروابط الداخلية (العناكب)

يمكن إنشاء روابط داخل نفس الصفحة باستخدام id: نحدد المكان بـ div id=section1 ثم نربطه بـ a href=#section1. هذا مفيد للصفحات الطويلة لإنشاء قائمة محتويات تنقل القارئ إلى الأقسام المختلفة.

تمارين

تمرين 1: أنشئ صفحة HTML تحتوي على جدول يضم أسماء خمسة طلاب ودرجاتهم.

تمرين 2: أنشئ صفحة HTML تحتوي على رابط لموقع dz-onec.com يفتح في نافذة جديدة.

للمزيد: أساسيات HTML و أساسيات CSS.