تنظيم المحتوى

العناوين

آخر تحيين: 04-01-2015

الفقرات إنشاء أول صفحة ويب


يعلم الجميع أهمية العناوين في أي شيء نكتبه ، بما أن هناك عناوين رئيسية نريد إبرازها بشكل واضح ، وعناوين ثانوية ، و أخرى أقلّ أهمية .كتلك العناوين التي كنتم تُلوّنونها نزولا عند رغبة المدرّس : العنوان الرّئيسي بخط كبير و باللون الأحمر و العنوان الثانوي بالأخضر عندما كنتم في التعليم الإبتدائي ، فالوُسوم التي سنستعملها في إضفاء هذه الأهمية ، هي وُ سوم بسيطة و سهلة الإستعمال : <h1> هنا نكتب العنوان</h1>
توجد 6 طرق مختلفة لكتابة العنوان ، حسب أهميته

<h1> هذا العنوان مهم جداًّ </h1>
<h2> هذا العنوان مهم </h2>
<h3> هذا العنوان لا يقل أهمية </h3>
<h4> هذا العنوان قليل الأهمية </h4>
<h5> هذا العنوان غير مهم </h5>
<h6> وهذا غير مهم إطلاقاً </h6>

لتجربة الشيفرات على متصفّحكم ، ضعوا هذه العناوين بين وسمي body

<!DOCTYPE html>
<html dir="rtl">
<head>
    <meta charset="utf-8">
    <title>وسوم العناوين</title>
</head>
<body>
   <h1> هذا العنوان مهم جداًّ </h1>
   <h2> هذا العنوان مهم </h2>
   <h3> هذا العنوان لا يقل أهمية </h3>
   <h4> هذا العنوان قليل الأهمية </h4>
   <h5> هذا العنوان غير مهم </h5>
   <h6> وهذا غير مهم إطلاقاً </h6>
</body>
</html>
مشاهدة النتيجة

قم بكتابة هذه الشيفرة على محرِّرك ، أو قم بنسخها (Ctrl + c)و لصقها (Ctrl + V) .
كما ذكرت سابقا ، فالوُسوم المستعملة هي بسيطة و سهلة التذكر ، هنا استعملنا حرف "h" ، المأخوذ من كلمة "heading" ، و التي تعني : العنوان . . كما لاحظتم كلما كان الرقم المتواجد أمام "h" صغيرا ، كلما ازدادت أهمية العنوان و ظهر ضخما و واضحا.

لا تُخلطوا بين وسم <title>الذي يمثّل عنوان الصّفحة وبين وسم العناوين h الذي نستخدمه في جسد الصّفحة لإعطاء أهمية لقيمة العنوان هل هو رئيسي أم ثانوي ...

هذا كل ما يتعلّق بالعنوان حالياً ، طبعا لن نملأ صفحتنا بالعناوين فقط ، يجب أن نكتب أشياء أخرى .لننتقل مثلاً للفقرات