عناوين HTML

في وثائق HTML، العناوين مهمة.

عناوين HTML

تعرف العناوين (Heading) من خلال العلامات <h1> - <h6>.

<h1> يحدد أكبر العناوين.<h6> يحدد أصغر العناوين.

مثال

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

جربها بنفسك

التعليق:يضيف المتصفح تلقائيًا خطًا إضافيًا خاليًا قبل وبعد العناوين.

التعليق:بالتشغيل الافتراضي، يضيف HTML خطًا إضافيًا خاليًا قبل وبعد العناصر الكبيرة، مثل عناصر الفقرة والعناوين.

العناوين مهمة

تأكد من استخدام علامات التوجيه HTML للعناوين فقط. لا تستخدم العناوين فقط لإنشاء نص سميك أو كبير.

استخدم محركات البحث العناوين لإنشاء فهرس بنية محتويات صفحتك و محتوياتها.

بما أن المستخدمين يمكنهم التصفح بسرعة باستخدام العناوين في صفحاتك، فإن استخدام العناوين لعرض بنية الوثيقة مهم للغاية.

ينبغي استخدام h1 كعنوان رئيسي (أهمه)، تليه h2 (الاهمية الثانية)، ثم h3، وهكذا.

خط أفقي HTML

<hr /> علامة يمكن استخدامها لإنشاء خط أفقي في صفحة HTML.

عنصر hr يمكن استخدامه للتمييز بين المحتويات.

مثال

<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>

جربها بنفسك

إشارة:استخدام خط الأفقي (علامة <hr>) لفصل الفقرات في المقالة هو طريقة واحدة (لكن ليس الطريقة الوحيدة).

التعليقات في HTML

يمكنك إدراج التعليقات في رمز HTML لتحسين قراءته، مما يجعل الكود أكثر وضوحًا وسهولة الفهم. سيقوم المتصفح بتجاهل التعليقات وعدم عرضها.

تعليق كتب بهذا الشكل:

مثال

<!-- This is a comment -->

جربها بنفسك

التعليق:يجب أن يتبع المقدار الذي يسبق البارز (البرز في اليسار) علامة تعجب، ولا يجب أن يسبق المقدار الذي يسبق البارز (البرز في اليمين) علامة تعجب.

إشارة:استخدام التعليقات بشكل معقول يمكن أن يساعد في تحسين عمل تحرير الكود في المستقبل.

إشارة HTML - كيفية عرض ملف المصدر

لابد أن تكون قد أدهشتك صفحة الويب عند رؤيتها وقلت "WOW! كيف تم تنفيذ ذلك؟"

إذا كنت تريد العثور على الأسرار، فما عليك سوى النقر بزر الماوس الأيمن، ثم اختيار "عرض ملف المصدر" (IE) أو "عرض رمز الصفحة المصدر" (Firefox)، والطرق مشابهة في متصفحات أخرى. سيفتح هذا النافذة تحتوي على رمز HTML للصفحة.

من الأمثلة في هذه الصفحة

العناوين
كيفية عرض العناوين في وثيقة HTML.
التعليقات المخفية
كيفية إدراج التعليق في رمز HTML المصدر.
الخط الأفقي
كيفية إدراج الخط الأفقي.

دليل علامات HTML

يقدم دليل علامات CodeW3C.com معلومات إضافية عن هذه العناوين وخصائصها.

سوف تتعلم المزيد عن علامات HTML وخصائصها في الفصول التالية من هذا الدليل.

العلامات الوصف
<html> تعريف وثيقة HTML.
<body> تعريف جسم الوثيقة.
<h1> إلى <h6> تعريف العنوان في HTML
<hr> تعريف الخط الأفقي.
<!--...--> تعريف التعليق.