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

يحدد عنصر HTML <br> فاصل أسطر.
استخدم <br> إذا كنت تريد فاصل أسطر (سطر جديد) دون بدء فقرة جديدة:

<p>This is<br>a paragraph<br>with line breaks.</p>

علامة <br> هي علامة فارغة ، مما يعني أنه لا يوجد لها علامة نهاية.


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

سيتم عرض هذه القصيدة في سطر واحد:

<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> بخط ثابت العرض (عادةً Courier) ، ويحافظ على كل المسافات وفواصل الأسطر:

<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>

مرجع علامة HTML

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

للحصول على قائمة كاملة بجميع علامات HTML المتاحة ، تفضل بالضغط هنا.

Related Articles

One Comment

  1. Pingback: دورة HTML

Leave a Reply

Back to top button

Adblock Detected

Please consider supporting us by disabling your ad blocker