فقرات HTML


فقرات HTML

يتم تحديد الفقرة في HTML بالوسم <p>

<p>فقرة</p>
<p>فقرة اخرى</p>

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


عرض  الفقرات

لا يمكنك التأكد من كيفية عرض HTML

ستؤدي الشاشات الكبيرة أو الصغيرة والنوافذ التي تم تغيير حجمها إلى نتائج مختلفة

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

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

<p>
هذه الفقرة
تحتوي على الكثير من الخطوط
في شفرة المصدر
لكن المتصفح
يتجاهلها.
</p>

<p>
هذه الفقرة
تحتوي           على الكثير             من المساحات
في شفرة           المصدر 
لكن        المتصفح
يتجاهلها
</p>

 


لا تنسى نهاية الوسم

ستعرض معظم المتصفحات الفقرة بشكل صحيح حتى إذا نسيت نهاية الوسم

<p> فقرة.
<p> فقرة اخرى.

ملاحظة: يعمل المثال أعلاه في معظم المتصفحات ولكن لا تعتمد عليه يمكن أن يؤدي إلى نتائج أو أخطاء غير متوقعة


فواصل HTML

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

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

<p>فقرة<br>داخلها<br>سطر جديد.</p>

ملاحظة: الوسم <br>  وسم فارغ ، مما يعني أنه ليس له وسم نهاية.


مشكلة كتابة القصائد

<p>
  سطر القصيدة الاول.
  سطر القصيدة الثاني.

  سطر القصيدة الثالث.
  سطر القصيدة الرابع.
</p>

 


الوسم  pre

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

<pre>
  سطر القصيدة الاول.
  سطر القصيدة الثاني.

  سطر القصيدة الثالث.
  سطر القصيدة الرابع.
</pre>
دروس لغة Html اخرى