انتقل إلى محتوى الدرس
ابدأ رحلتك
فقرة فرعية #2 من درس: اشرطة التنقل في لغة CSS

Cretae Navigation Barin HTML إنشاء أشرطة التنقل بلغة HTML

ستتعلم في هذا الدرس كيفية بناء أشرطة التنقل أو قوائم التنقل بلغة HTML ثم في الدروس المقبلة كيفية إضافة تأثير عليها بلغة CSS لتظهر بشكل ومظهر جيد.

1 صفوف تعليمية
لغة CSS
5,989 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

لعمل شريط تنقل أفقي أو رأسي بلغة HTML يجب إستخدام عنصر <ul> لعمل حاوية القائمة وعنصر <li> بداخلة <a> لعمل روابط تنقل.

Result

جرّب بنفسك

CSS navigation bar

إنشاء شريط تنقل في لغة CSS.

HTML 
<ul>
  <li><a href="#default">Home</a></li>
  <li><a href="#news">News</a></li>
  <li><a href="#contact">Contact</a></li>
  <li><a href="#about">About</a></li>
</ul>
جرّب بنفسك

جميع فقرات هذا الدرس (اشرطة التنقل في لغة CSS)