العناوين في HTML | دروس HTML5

الإلمام بالعناوين في HTML

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


العناوين في HTML

في مستندات HTML ، العناوين مهمة جدًا بالنسبة لنا.

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

سيستخدم مستخدمو موقعك "العنوان" أولاً للحصول على نظرة عامة على محتوى موقعك. 

من المهم جدًا استخدام العناوين لإظهار بنية صفحتك.

يتم تحديد العناوين من العلامة <h1> إلى العلامة <h6>.

يمثل <h1> العنوان الأكثر أهمية ويمثل <h6> العنوان الأقل أهمية:

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

خط أفقي في HTML 

تقوم العلامة <hr> بإنشاء خط أفقي في صفحة HTML. 

يستخدم هذا العنصر لفصل محتوى صفحات الموقع. يُستخدم هذا العنصر في مثال الكود التالي:

<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>

عنصر الرأس في HTML

علامة <head> هي مساحة للبيانات الوصفية لموقعنا.

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

عنصر <head> لا علاقة له بعناصر العناوين.

يقع العنصر <head> بين عنصري <html> و <body>:

<!DOCTYPE html>
<html>

<head>
<title>My First HTML</title>
<meta charset="UTF-8">
</head>

<body>

عرض التعليمات البرمجية لصفحة HTML:

للقيام بذلك ، انقر بزر الماوس الأيمن على الصفحة وحدد "عرض مصدر الصفحة" (في Chrome) أو "عرض المصدر" (في Internet Explorer) أو شيء مشابه في المتصفحات الأخرى. سيؤدي هذا إلى فتح الصفحة التي يوجد بها مصدر صفحة HTML.

فحص عنصر HTML:

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



كلمات مفتاحية: