HTML

كيفية كتابة مقال مع عنوان باستخدام وسم P ووسوم H

وسوم
كُتب بواسطة فراس اللو

يُوفر كل وسم داخل HTML عنصر مُحدد في الصفحة ليقوم بعرضه، فالوسوم لها وظائف مثل عرض الصور، رسم جدول، عرض مقطع فيديو أو حتى تنسيق مقالة بسيطة.

المقال بشكل عام يتكون من مجموعة “فقرات” Paragraphs ويُمكن تمثيل هذه الفقرات باستخدام HTML باستخدام وسم p

  • بما أن الفقرة ستظهر داخل الصفحة فإن وسم P سيتم استخدامه داخل وسم المحتوى Body
  • بعد فتح الصفحة باستخدام المُتصفح نلاحظ ظهور كل فقرة في سطر مُنفصل عن الآخر، وهذا هو عمل الوسم P.
  • لإضافة عنوان لهذه الفقرات يُمكن استخدام الوسم H1 المُتخصص في عرض العناوين، لكن هذا الوسم يُمكن تغييره حسب الحجم، فالوسم H1 يعرض عنوان كبير، H2 يعرض عنوان أصغر وهكذا حتى H6.
  • يُمكن تجربة الفرق بين العناوين من خلال كتابة الشيفرة
  • الآن يُمكن اختيار حجم العنوان المُناسب وليكن H1 ونضيفه إلى الفقرة لنحصل على الشكل

تُعتبر هذه الوسوم هي الأبسط لتمثيل المقالات داخل صفحات الويب، ومع ظهور HTML 5 تم إضافة بعض الوسوم لتنسيقها بشكل أفضل لكي يتعرف عليها المُتصفح ويقوم بوضعها بالمكان الصحيح.

عن الكاتب

فراس اللو

مُبرمج ومُطوّر مواقع مُستقل، مُوسس موقع بديل وعضو فريق التحرير في البوابة العربية للأخبار التقنية.

تعليق واحد

اترك تعليقًا