عناوين HTML

في وثائق HTML، العناوين مهمة، وكذلك استخدام العناوين بشكل صحيح.

عناوين HTML

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

<h1> تعريف أكبر عنوان. <h6> تعريف أصغر عنوان.

<h1>أنا عنوان 1 h1</h1>
<h2>أنا عنوان 2 h2</h2>
<h3>أنا عنوان 3 h3</h3>
<h4>أنا عنوان 4 h4</h4>
<h5>أنا عنوان 5 h5</h5>
<h6>أنا عنوان 6 h6</h6>

التعليقات: عند تشغيل html، سيضيف المتصفح تلقائيًا فاصلين فارغين قبل العنوان وبعده.

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

تأكد من استخدام علامات العناوين HTML فقط للعناوين. لا تستخدم العناوين فقط لتوليد نص عريض أو مائل.

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

بما أن المستخدمين يمكنهم استخدام العناوين للتحكم بسرعة في محتوى صفحتك و主题، فإن استخدام العناوين لتمثيل بنية الوثيقة مهم جدًا.

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

خط أفقي HTML

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

<p>هذا هو فقرة.</p>
<hr>
<p>هذا هو فقرة.</p>
<hr　/>
<p>هذا هو فقرة.</p>

تعليقات HTML

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

كتابة التعليقات كالتالي:

<!-- هذا هو تعليق -->

التعليقات: يجب أن يتبع البارز (القوس الموجود على اليسار) علامة تعجب، وليس هناك حاجة إلى علامة تعجب قبل البارز (القوس الموجود على اليمين)، استخدام التعليقات بشكل معقول يمكن أن يساعد بشكل كبير في تعديل وتحديد كود HTML.

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

ربما رأيت بعض المواقع التي تكون جميلة جدًا، قد ترغب أيضًا في إنتاج تأثير مشابه، إذاً، كيف يمكنك النظر في كود HTML لهذه الصفحة.

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

أمثلة هذا الموقع

العناوين

كيفية عرض العناوين في صفحة الويب HTML.

تعليقات مخفية

كيفية إضافة تعليقات في رمز المصدر HTML.

الخط الأفقي

كيفية إدراج خط أفقي.

دليل مرجعي للاعلامات HTML

دليل مرجعي للعلامات في الدروس الأساسية يقدم معلومات إضافية عن هذه العناوين وتصرفاتها.

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