العناوين داخل لغة HTML

ما هي العناوين داخل لغة HTML ؟


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

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
مثال:
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

ملاحظة: تقوم المتصفحات تلقائياً بإضافة بعض المسافات البيضاء "الهامش" قبل العنوان وبعده.

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

تستخدم محركات البحث العناوين لفهرسة بنية ومحتوى صفحات الويب الخاصة بك.
يتصفح المستخدمين صفحات موقعك حسب عناوينها.
من المهم إستخدام العناوين لإظهار بنية المستند.
<h1> يجب إستخدام العناوين للعناوين الرئيسية، متبوعة بالعناوين <h2>، ثم أقل أهمية <h3> وهكذا.
ملاحظة: إستخدم عناوين HTML للعناوين فقط.
لا تستخدم العناوين لجعل النص كبير أو غامقاً bold.

العناوين الأكبر

كل عنوان HTML له حجم إفتراضي.
ومع ذلك، يُمكنك تحديد حجم أي عنوان بإستخدام سمة النمط، وذلك بإستخدام الخاصية font-size الخاصة بـ CSS.
مثال:

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

القواعد الأفقية في لغة HTML

تحدد الوسم<hr> فاصلاً موضعياً في صفحة 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>

العنصر head داخل لغة HTML

العنصر HTML Head
عنصر HTML head ليس له علاقة بالعناوين داخل لغة HTML.
العنصر <head> عبارة عن حاوية للبيانات الوصفية.
بيانات HTML الوصفية هي بيانات عن مستند HTML، البيانات الوصفية غير معروضة.
يتم وضع العنصر <head> بين وسم <html> وسم <body>.
مثال:
<!DOCTYPE html>
<html>
<head>
<title>My First HTML</title>
<meta charset="UTF-8">
</head>
<body>
.
.
.


ملاحظة: تحدد البيانات التعريفية عادة عنوان المستند ومجموعة الأحرف والأنماط والروابط والنصوص البرمجية وغيرها من معلومات التعريف.

كيفية عرض المصدر داخل لغة HTML ؟

هل سبق لك أن رأيت صفحة ويب وتساءلت "مهلاً ! كيف فعلوا ذلك ؟

عرض مصدر الكود في لغة HTML:

إنقر بزر الماوس الأيمن في صفحة HTML وحدد "عرض مصدر الصفحة" "في Chrome" أو "عرض المصدر" (في IE) أو ما شابه في المتصفحات الأخرى.
سيؤدي هذا إلى فتح نافذة تحتوي على شفرة مصدر HTML للصفحة.
يُمكنك أيضاً تحرير HTML أو CSS أثناء التنقل في لوحة Elements أو Styles التي تُفتح.

المرجعة للوسم داخل لغة HTML

الوسمالوصف
<html>يحدد جذر وثيقة HTML.
<body>يُحدد جسم الوثيقة.
<head>حاوية لجميع عناصر الرأس (العنوان، والنصوص، والأنماط، والمعلومات الوصفية، والمزيد).
<h1> to <h6>يُعرف عناوين HTML.
<hr>يُعرف التغيير الموضوعي في المحتوى.

0 التعليقات

إرسال تعليق