🌟 مقدمة تحفيزية : أهلاً بك يا بطل ! هل تعلم أن المحتوى هو “الملك” في عالم الإنترنت ؟ اليوم ستتعلم كيف تخاطب الزوار وتجذب انتباههم . سنعرف كيف نصنع عناوين عريضة تخطف الأنظار ، وفقرات مريحة للعين تخبر الناس بقصة نجاحك .

🏗️ أولاً : عائلة العناوين (The Headers) في HTML ، لدينا 6 مستويات من العناوين ، تماماً مثل عناوين الصحف . نستخدمها لإعطاء أهمية للنصوص .

• < h1> : هو الملك !  أكبر عنوان في الصفحة، ويُستخدم لعنوان الموقع الرئيسي أو عنوان المقال الأهم. (نصيحة: استخدمه مرة واحدة فقط في الصفحة ليرضى عنك محرك البحث جوجل) .

• <h2> الى <h6> : هي العناوين الفرعية. كلما زاد الرقم، صغر حجم الخط وقلت الأهمية .

جرب كتابة هذا الكود في ملفك :

HTML

</h1>أكاديمية قياوي : بوابتك لاحتراف البرمجة<h1>

</h2>مسار برمجة الويب <h2>

</h3>الدرس الرابع : العناوين<h3>

✍️ ثانياً : الفقرات (The Paragraphs) لكتابة النصوص الطويلة ، الشروحات ، أو القصص ، نستخدم الوسم السحري <p>

الوسم : <p> اختصار لكلمة Paragraph.

الميزة : يقوم المتصفح تلقائياً بترك مسافة بسيطة قبل وبعد الفقرة ليجعل القراءة مريحة .

مثال تطبيقي :

HTML

</p>البرمجة ليست مجرد كتابة أكواد، بل هي فن حل المشكلات وتسهيل حياة الناس. في أكاديميتنا، نؤمن أن كل شخص يمكنه أن يصبح مبرمجاً بالصبر والتطبيق الصحيح .<p>

💡 لمسة احترافية (Visibility & SEO) : لماذا لا نستخدم حجم الخط فقط بدلاً من العناوين ؟ لأن جوجل عندما يزور موقعك، يقرأ وسم <h1> ليفهم موضوع موقعك . إذا وضعت عنوانك بداخل فقرة عادية ، فلن يعرف جوجل أن هذا هو أهم شيء في الصفحة !  نحن في أكاديمية قياوي نعلمك لتكون مبرمجاً ذكياً .

🎯 التحدي التطبيقي (تحدي المبرمج): الآن، افتح ملف index.html الخاص بك ، وقم ببناء صفحة تعريفية بسيطة تحتوي على :

1 •  عنوان <h1> باسم (مرحباً بكم في موقعي الأول) .

2 • عنوان <h2> باسم (من أنا؟) .

3 •  فقرة <p> تكتب فيها سطرين عن طموحك في البرمجة .

هل تظهر العناوين بشكل عريض والفقرة بشكل منسق ؟

🚀 الخطوة القادمة : لقد أصبحت الآن قادراً على كتابة النصوص وتنسيقها ! لكن ماذا لو أردنا تنظيم المعلومات في شكل “قوائم” مرتبة أو نقاط ؟ هذا ما سنكتشفه في الدرس الخامس : القوائم المنظمة وغير المنظمة . 

https://youtu.be/26wdcUBs3ho?si=eBy27fp9pQX7jPAS