يستخدم ​العنصر <p> لتمثيل الفقرات. تبدأ الفقرات من سطر جديد و يوجد بينها وبين العنصر الذي يسبقها والذي يليها مسافة تعرف باسم الهامش margin.

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

الناتج:

هذة هي الفقرة الاولى

هذة هي الفقرة الثاني،هل لاحظت المسافة بين الفقرتين؟ !!هذا هو الهامش

هذة هي الفقرة الثالثة، هذا السطر في خط جديد، هذ السطر يحتوي على مسافات كبيرة بين النصوص، هل وجدت المسافات قد انعكست في الفقرة؟،

يتضح من المثال السابق، ان وضعنا للمسافات بين الكلمات و وضع النصوص في سطور جديدة لا ينعكس في العرض!!
يتغير عرض الفقرة مع حجم الشاشة الذي يتم استخدامها و حينها يتم عرض المحتوى في سطر جديد وهكذا.
لكن هل هناك طريقة للتحكم اكثر وضع المسافات او الكتابة في سطر جديد؟ الاجابة، نعم!!

<br>

​الوسم <br> يستخدم لوضع سطر جديد في النص ونستطيع استخدامه داخل الفقرات <p> او خارجها.

<p>
الفقرة الاولى <br>
السطر الاول <br>
السطر الثاني
</p>
<br>
<p>
الفقرة الثانية
السطر الثاني
</p>

<hr>

​الوسم <hr> يستخدم لرسم خط فاصل بين الفقرات او النصوص

<p>
الفقرة الاولى <hr>
النص
</p>
<hr>
<p>
الفقرة الثانية
</p>

;nbsp&

الرمز ;nbsp& يمثل المسافة داخل الفقرات فيمكننا وضعه بين النصوص لعرض المسافات، ونستطيع وضع اكثر من مسافة بجانب بعضها

<p>
هذا النص يحتوي على مسافة  
 وهذا يحتوى على مسافة اكبر   
 هل رأيت؟
</p>

<pre>

​العنصر <pre> يمكن استخدامه لوضع المحتوى بالشكل الذي نريده بدون ازالة المسافات و السطر الجديد

<pre>
هنا نستطيع استخدام النصوص كما نريد، نستطيع ان تكتب في سطر جديد 
سطر جديد
نستطيع ان ندخل مسافات     بين الكلمات      كما نريد ايضا
</pre>
ملحوظة: <pre> تقوم بوضع font مختلف للنصوص بداخلها

guest
0 تعليقات
Inline Feedbacks
اظهر كل التعليقات