Mr. A7meD KaMeL

5- اضافة رؤوس (عناوين) المحتوى في الصفحة HTML Headings

محتوى الموضوع

بسم الله الرحمن الرحيم

المحاضرة الخامسة: اضافة رؤوس (عناوين) المحتوى في صفحة HTML
HTML Headings

اضافة رؤوس المحتوى

هناك مايسمى برؤوس المحتوى في صفحة HTML والتي تمثل عناوين محتوى صفحة الويب.

وتتمثل تلك العناوين والرؤوس بالوسوم بداية من <h1> وحتى <h6> كما هوا موضح في الكود التالي:

<h1> عنوان في المستوى الاول </h1>
<h2> عنوان في المستوى الثاني </h2>
<h3> عنوان في المستوى الثالث </h3>
<h4> عنوان في المستوى الرابع </h4>
<h5> عنوان في المستوى الخامس</h5>
<h6> عنوان في المستوى السادس </h6>

واذا تم كتابة تلك الاكواد بهذا الشكل داخل وسم body، ستظهر بالمتصفح كما في الصورة التالية:

مستويات رؤوس الصفحة

حيث يمكن استخدام تلك الرؤوس لتهيئة المحتوى وتنظيمه في صفحة HTML لكي يظهر بشكل منظم.

ومن الممكن كتابة العديد العناصر داخل صفحة HTML كفقرات مثلا، فيمكن قبل كل فقرة اضافة رأس كعنوان في المستوى الاول للفقرة الاولى مثلا، وللفقرة الثانية يمكن اضافة رأس كعنوان لها في المستوى الثاني .. وهكذا – كما هو موضح في الكود التالي:

<h1> عنوان الفقرة الاولى </h1>
<p> نص الفقرة الاولى هنـــــــــــــــا </p>
<h2> عنوان الفقرة الثانية </h2>
<p> نص الفقرة الثانية هنـــــــــــــــا </p>
وهكذا

وتفيد هذه الرؤوس في ان محركات البحث مثل (google) تقوم باستخدامها لفهرسة تركيب محتوى صفحة الويب.


نهاية المحاضرة

تاريخ الموضوع: أبريل 3, 2017 1:25 م
اسم الكاتب A7meD KaMeL - NiGh10GaLe
نبذة عن الكاتب

مهندس كمبيوتر - مصمم مواقع - مدرب كمبيوتر - مدرب ICDL بمركز التدريب الاداري والاستشارات بكلية التجارة بجامعة المنصورة - مدرب تصميم مواقع - مدرب لكورس الربح من الانترنت.

اترك تعليقاً