أحدث البرامج التعليمية وتطوير الشبكة
×

HTML5 البرنامج التعليمي

HTML الصفحة الرئيسية HTML المقدمة برامج تحرير HTML HTML الأساسية HTML عناصر HTML الصفات HTML العناوين HTML الفقرات HTML الأنماط HTML التنسيق HTML الاقتباسات HTML كود الكمبيوتر HTML تعليقات HTML الألوان HTML CSS HTML الروابط HTML صور جداول HTML قوائم HTML HTML كتلة والمضمنة عناصر HTML فصول HTML نسق HTML متجاوب HTML نوافذ الأطر المدمجة HTML JavaScript HTML رئيس HTML الكيانات HTML حرف HTML محارف HTML URL ترميز HTML XHTML

HTML أشكال

HTML أشكال HTML عناصر النموذج HTML أنواع المدخلات HTML سمات المدخلات

HTML5

HTML5 مقدمة HTML5 الدعم HTML5 عناصر HTML5 دلالات الهجرة HTML5 HTML5 دليل الاناقة

HTML الرسومات

HTML قماش HTML SVG

HTML وسائل الإعلام

HTML وسائل الإعلام HTML فيديو HTML سمعي HTML المكونات الإضافية HTML YouTube

HTML APIs

HTML تحديد الموقع الجغرافي HTML جر / قطرة HTML التخزين المحلي HTML App مخبأ HTML العمال على شبكة الإنترنت HTML SSE

HTML أمثلة

HTML أمثلة HTML اختبار قصير HTML5 اختبار قصير HTML ملخص

HTML المراجع

HTML العلامة القائمة HTML الصفات HTML الأحداث HTML قماش HTML الصوت والفيديو HTML Doctypes HTML الألوان HTML مجموعات الأحرف HTML URL ترميز HTML رموز لغة HTTP رسائل HTTP أساليب PX to EM محول اختصارات لوحة المفاتيح

HTML العناوين


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


HTML العناوين

يتم تعريف العناوين مع <h1> to <h6> العلامات.

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

مثال

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
انها محاولة لنفسك »

Note: المتصفحات تلقائيا إضافة بعض المساحة الفارغة ( a margin ) قبل وبعد كل عنوان.


عناوين هامة

استخدام عناوين HTML للعناوين فقط. لا تستخدم العناوين لجعل النص BIG أو bold .

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

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

h1 يجب أن تكون العناوين عناوين رئيسية، تليها h2 العناوين، ثم أقل أهمية h3 ، وهلم جرا.


قوانين أفقي HTML

و <hr> العلامة يخلق خط أفقي في صفحة HTML.

العنصر ساعة يمكن استخدامها لمحتوى منفصل:

مثال

<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
انها محاولة لنفسك »

في HTML <head> العنصر

في HTML <head> عنصر له علاقة مع العناوين HTML لا شيء.

في HTML <head> عنصر يحتوي على بيانات التعريف. لا يتم عرض بيانات التعريف.

في HTML <head> يتم وضع عنصر بين <html> العلامة و <body> العلامة:

مثال

<!DOCTYPE html>
<html>

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

<body>
.
.
.
انها محاولة لنفسك »

بيانات التعريف يعني بيانات عن البيانات. HTML البيانات الفوقية هي البيانات حول وثيقة HTML.


وHTML <title> العنصر

وHTML <title> العنصر بيانات التعريف. ويعرف عنوان وثيقة HTML و.

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


وHTML <meta> العنصر

وHTML <meta> العنصر أيضا بيانات التعريف.

ويمكن استخدامه لتحديد مجموعة أحرف، وغيرها من المعلومات حول وثيقة HTML.


المزيد Meta عناصر

في الفصل حول أساليب HTML تكتشف العناصر الأكثر الفوقية:

وHTML <style> يستخدم عنصر لتحديد أوراق الأنماط CSS الداخلية.

وHTML <link> يستخدم عنصر لتحديد أوراق الأنماط CSS الخارجية.


HTML نصيحة - كيفية عرض المصدر HTML

هل سبق لك أن رأيت صفحة ويب، وتساءل "Hey! How did they do that?"

لمعرفة بزر الماوس الأيمن فوق في الصفحة واختر "View Page Source" (في كروم) أو "View Source" (in IE) ، أو ما شابه ذلك في متصفح آخر. هذا وسوف تفتح نافذة تحتوي على رمز HTML للصفحة.


اختبر نفسك مع تمارين!

التمرين 1 » التمرين 2» التمرين 3 » التمرين 4»


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

w3ii "العلامة المرجع يحتوي على معلومات إضافية حول هذه العلامات والسمات الخاصة بهم.

سوف تتعلم المزيد حول العلامات HTML والصفات في الفصول القادمة من هذا البرنامج التعليمي.

بطاقة وصف
<html> تعرف وثيقة HTML
<body> يعرف جسم الوثيقة
<head> تحدد الوثيقة عنصر رئيس
<h1> to <h6> تعرف عناوين HTML
<hr> يحدد خط أفقي