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

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 الفقرات

وHTML <p> يحدد عنصر فقرة.

مثال

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

المتصفحات تلقائيا إضافة بعض المساحة البيضاء قبل وبعد فقرة.


العرض HTML

لا يمكنك أن تكون متأكدا كيف سيتم عرض HTML.

سوف شاشات كبيرة أو صغيرة، والنوافذ حجمها خلق نتائج مختلفة.

مع HTML، لا يمكنك تغيير الانتاج عن طريق إضافة مسافات إضافية أو خطوط إضافية في التعليمات البرمجية HTML الخاص بك.

سيقوم المتصفح إزالة المسافات الزائدة وخطوط اضافية عند عرض الصفحة.

أي عدد من الأماكن، وأي عدد من الخطوط الجديدة، يعد بمثابة واحد فقط مساحة.

مثال

<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>

<p>
This paragraph
contains         a lot of spaces
in the source         code,
but the        browser
ignores it.
</p>
انها محاولة لنفسك »

لا ننسى علامة النهاية

سيتم عرض معظم متصفحات HTML بشكل صحيح حتى لو كنت قد نسيت العلامة الغاية:

مثال

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

في المثال أعلاه سوف تعمل في معظم المتصفحات، ولكن لا تعتمد على ذلك.

يمكن نسيان علامة النهاية تعطي نتائج غير متوقعة أو أخطاء.

إصدارات أكثر صرامة من HTML، مثل XHTML، لا تسمح لك لتخطي وسم النهاية.


خط فواصل HTML

وHTML <br> يحدد عنصر فاصل أسطر.

استخدام <br> إذا كنت ترغب في كسر خط (a new line) دون بدء فقرة جديدة:

مثال

<p>This is<br>a para<br>graph with line breaks</p>
انها محاولة لنفسك »

و <br> العنصر هو عنصر HTML فارغة. انه ليس لديها علامة النهاية.


المشكلة قصيدة

وهذه القصيدة عرض كخط واحد:

مثال

<p>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</p>
انها محاولة لنفسك »

وHTML <pre> العنصر

وHTML <pre> عنصر يحدد النص مسبقا.

النص داخل <pre> يتم عرض عنصر في خط ذو عرض ثابت (عادة ساعي)، ويحافظ على كل المساحات وفواصل الأسطر:

مثال

<pre>
  My Bonnie lies over the ocean.

  My Bonnie lies over the sea.

  My Bonnie lies over the ocean.

  Oh, bring back my Bonnie to me.
</pre>
انها محاولة لنفسك »

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

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


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

w3ii "العلامة المرجع يحتوي على معلومات إضافية حول عناصر HTML وصفاتهم.

بطاقة وصف
<p> تعرف الفقرة
<br> إدراج فاصل سطر واحد
<pre> يعرف مسبقا بتنسيق النص