فقاعات HTML

يمكن تقسيم وثيقة HTML إلى عدة فقرات.

فقاعات HTML

الفقرة يتم تعريفها باستخدام علامة <p>.

مثال

<p>هذا نص</p>
<p>هذا نص آخر</p>

جرب بنفسك

ملاحظة:سيقوم browser بشكل تلقائي بإضافة فاصل سطر خالي قبل و بعد الفقرة. (<p> هو عنصر حجمي)

نصيحة:استخدام علامة الفقرة الفارغة <p></p> لإدخال سطر جديد هو عادة سيئة. استخدم علامة <br /> بدلاً منها！（ولكن لا تستخدم علامة <br /> لإنشاء قوائم. لا تقلق، ستعلم ذلك في الفصول القادمة عن قوائم HTML。）

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

حتى لو نسيت استخدام العلامات النهائية، سيقوم معظم browsers بعرض HTML بشكل صحيح:

مثال

<p>هذا نص</p>
<p>هذا نص آخر</p>

جرب بنفسك

النموذج المذكور أعلاه يعمل في معظم browsers، ولكن لا تعتمد على هذا الأسلوب. نسيان استخدام العلامات النهائية يمكن أن يؤدي إلى نتائج غير متوقعة وإلى أخطاء.

ملاحظة:في إصدارات HTML القادمة، لن يكون من المسموح بالتغاضي عن العلامات النهائية.

نصيحة:استخدام نهاية العلامات في HTML هو طريقة كتابة HTML قابلة للمقاومة في المستقبل. تحديد بوضوح موضع بدء وإنهاء العنصر، سواء كان ذلك بالنسبة لك أو للbrowser، يجعل الكود أسهل في الفهم.

كسر الخط في HTML

إذا كنت ترغب في إدخال فقرة جديدة دون إنشاء فقرة جديدة (سطر جديد)، استخدم رمز <br />:

<p>هذا نص<br />بجملة<br />مقسومة</p>

جرب بنفسك

هو عنصر HTML فارغ. نظراً لأن العلامة النهائية ليست لها معنى، فهي لا تحتاج إلى علامة انتهاء.

<br> أم <br />

قد تجد أن <br> مشابه جداً لـ <br />.

في XHTML و XML و إصدارات HTML القادمة، لا يسمح باستخدام عناصر HTML بدون علامات انتهاء (مغلق).

بالرغم من أن <br> يتم عرضه بشكل جيد في جميع المتصفحات، فإن استخدام <br /> هوالحماية على المدى الطويل.

إصدارات HTML - نصائح مفيدة

لا يمكننا تحديد تأثير عرض HTML بشكل دقيق. حجم الشاشة وتحريك النافذة يمكن أن يؤديا إلى نتائج مختلفة.

بالنسبة لـ HTML، لا يمكنك تغيير تأثير النتيجة من خلال إضافة مسافات أو نقلات إضافية في كود HTML.

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

جرب بنفسك

(هذا المثال يعرض بعض مشاكل تنسيق HTML)

أمثلة من هذه الصفحة

فقاعات HTML
كيفية عرض الفقرة في المتصفح.
النقلة
استخدام النقلة في مستند HTML
تدريب قصيدة من الشعر الصيني في كود HTML
عند عرض HTML من قبل المتصفح، سيقوم المتصفح بإهمال الأحرف المتبقية في الكود المصدر (مسافات أو مسارات إدراج إضافية).

أمثلة أكثر

فقرات أكثر
سلوك الفقرة الافتراضي.

مرجع العلامات لـ HTML

مرجع العلامات لـ CodeW3C.com يقدم معلومات إضافية عن عناصر HTML وخصائصها.

العلامة الوصف
<p> تعريف الفقرة.
<br /> إدراج فقرة واحدة فقط (نقلة).