انتقل إلى محتوى الدرس

HTML for Page Content Structure لغة HTML لبناء هيكل الصفحة

استكشف اللغات الثلاث الأساسية لبناء الواجهة الأمامية: لغة HTML لهيكلة المحتوى، ولغة CSS للتنسيق والتخطيط، ولغة JavaScript للتفاعل والمنطق، مع فهم الفرق بين لغات التوصيف والبرمجة، ومفهوم شجرة DOM، ودور لغة TypeScript.
2 صفوف تعليمية
تكنولوجيا الويب
2 مشاهدة

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

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

تمثل لغة HTML ( — لغة توصيف النص الفائق) نقطة البداية الإجبارية لأي صفحة ويب؛ فبدونها لن يجد المتصفح عنواناً أو فقرة أو صورة أو زراً ليعرضه على الشاشة:

  • تنظيم المحتوى عبر الوسوم (): تستخدم اللغة علامات وصفية تُسمى الوسوم لإخبار المتصفح بدور كل جزء من المحتوى؛ مثل للعنوان الرئيسي، و للفقرة النصية، و للزر القابل للنقر.
  • ربط صفحات الويب بالروابط الفائقة: تشير كلمة إلى الروابط التشعبية التي تنقل الزائر من صفحة إلى أخرى بنقرة واحدة.
  • الأهمية الدلالية لمحركات البحث وقارئات الشاشة: يساعد الهيكل السليم في محركات البحث على فهم موضوع الصفحة، كما يمكّن برامج قارئات الشاشة الصوتية من قراءة المحتوى بوضوح للمكفوفين.

لاحظ في المثال المبسط الآتي كيف تبني هيكل بطاقة يحتوي على عنوان وفقرة وزر:

الصف 2 كود برمجي
HTML
<article class="lesson-card">
  <h1>Front-End Core Languages</h1>
  <p>HTML defines the structure of every web page.</p>
  <button id="theme-btn">Switch Theme</button>
</article>