20/02/2024
تعلم أساسيات HTML

الدرس الخامس – العناوين Headings فى HTML العناصر

حتى

تستخدم العناوين Headings في HTML العناصر h1 حتى h6 لعرض العناوين الرئيسية والفرعية لموقعك، حيث <h1> هو أكبر عنوان ، بينما <h6> هو أصغر عنوان

كما في المثال:

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6> 

كما يظهر فى المتصفح كالتالى:

العناوين Headings فى HTML

ملحوظة: المتصفح يترك مسافة بشكل آلى قبل وبعد العنوان، أي يكون العنوان في سطر مستقل.


العناوين Headings فى HTML – العناوين مهمة

محركات البحث تستخدم العناوين لأرشفة بنية أو محتوى الصفحة ، ويستخدم <h1> للعنوان الرئيسى للصفحة ، ثم <h2> للعناوين الفرعية ، ثم <h3> للعناوين الأقل أهمية ، وهكذا

ملحوظة هامة: استخدم العناوين للعناوين فقط ، وليس لجعل النص أكبر أو بخط ثقيل ، بمعنى لا تستخدم العناوين للتنسيق والمظهر ، لأن هذا يضر بمستوى ترتيب موقعك حسب قواعد تحسين محركات البحث أو ما يسمى SEO


العناوين Headings فى HTML – عناوين أكبر

كل عنوان فى HTML له حجم قياسى ، ولكن يمكنك التحكم فى حجم أى عنوان عن طريق السمة style باستخدام الخاصية font-size كما فى المثالى التالى

<h1 style="font-size:60px;">Heading 1</h1>


روابط أو لينكات كورس تعلم أساسيات البرمجة بلغة HTML باللغة العربية كاملة

  1. مقدمة فى HTML لغة البرمجة الرئيسية لإنشاء صفحات الويب
  2. محرر النصوص الأداة الرئيسية لكتابة أكواد HTML
  3. الأكواد الأساسية فى HTML ومحتويات الملف الرئيسي
  4. االسمات (Attributes) لإضافة معلومات لعناصر HTML
  5. العناوين Headings فى HTML العناصر <h1> حتى <h6>
  6. الفقرات Paragraphs لعمل كتلة من النص فى HTML
  7. تصميم صفحات HTML بواسطة CSS وتنسيقها بطرق مختلفة
  8. تنسيق النص فى HTML باستخدام العناصر لعرض النص بطريقة خاصة
  9. الاقتباس فى HTML بالعنصر blockquote و q و abbr و cite و bdo
  10. كيفية التعليق داخل كود HTML وأهميته للمبرمج
  11. الألوان فى HTML وكيفية اضافتها بـ 6 طرق مختلفة
  12. الروابط أو اللينكات (Links) للتنقل بين صفحات HTML
  13. الصور فى HTML شرح مفصل بالأمثلة
  14. الجداول HTML Tables شرح مفصل باللغة العربية بالأمثلة
  15. القوائم HTML Lists شرح مفصل باللغة العربية بالأمثلة
  16. أنواع العناصر Block و inline فى HTML والفرق بينهما
  17. شرح السمة class والسمة id فى HTMl والفرق بينهما
  18. شرح الإطارات HTML Iframes باللغة العربية
  19. HTML Forms – شرح الفورم باللغة العربية بالتفصيل

admin

المشرف العام على موقع gaawy

View all posts by admin →