221 total views, 4 views today
السلام عليكم ورحمة الله نرحب بزوارنا الاعزاء وفي هذا المقال سنقوم بتغطية وسوم headings اي العناوين لنبدء الشرح.
يتم اختصار headings في html الى حرف h ثم يضاف بجانب الحرف h رقم 1 الى 6 وهذا الرقم هو الذي يحدد جحم العنوان.
على سبيل المثال:
<h1>heading1</h1>
<h2>heading2</h2>
<h3>heading3</h3>
<h4>heading4</h4>
<h5>heading5</h5>
<h6>heading6</h6>
يتم كتابة هذه الوسوم في العنصر body انظر الى الصورة.
عند حفظ الصفحة ولاتنس .html والذهاب الى مكان حفظها وفتحها باحد المتصفحات ,يتم قراءتها في المتصفح بهذا الشكل.
نلاحظ ان h1 هي الاكبر ثم h2 ثم h3 ثم h4 ثم h5 ثم h6.
الان اذا عدنا الى المحرر الاكواد وكتبنا <h7>heading7</h7> يتم قراءتها وكاننا كتبنا heading7 بدون وسم انظر الى الصور.
ركز جيدا لوتعرف المتصفح على h7 وكانت من عناصر html ونحن نعلم ان headings من نوع وسوم block اي الوسوم التي لا تسمح لوسم اخر بالجلوس معها في نفس السطر والدليل هو عدم جلوس h1,h2,h3,h4h5,h6 معا.
على سبيل المثال لواخذنا الجملة التي لم يتم وضعها في heading وقمنا بوضعها بجانب h3 على سبيل المثال لن يسمح لها بالجلوس معه في نفس السطر انظر الى الصورة.
وهنا نستنتج ان headings تبدا من h1 الى غالية h6.
وهنا نصل الى نهاية شرح headings يبقى لنا مقال اخر حول التطبيق العملي وكيفية استخدام headings في الصفحة.
