كتابة نصوص بلغة HTML باستخدام الوسوم p - br - pre

Zeina Almakdisi · 23 يناير 2022

هل يمكن توضيح الفرق بين استخدام

<p>  </p>

  <br>  </br>

  <pre>  </pre>

Wael Aljamal · 23 يناير 2022

الوسط br يستخدم لعمل سطر جديد ولا يعتبر وسم للكتابة و لا يمكن احتوائه على نص، هو فقط يفصل بين سطرين عند العرض في HTML ويمكن استخدامه ضمن الوسم p

<!DOCTYPE html>
<html>
<body>

<h1>P vs PRE vs br </h1>

<p> 1 one  <br> 2 tow  <br> 3 three 4 four 5 five <br> </p>


</body>
</html>

والنتيجة:

p-pre-br.jpg.ca1c083f21075a5d7a6b28c7119ba5c4.jpg

الوسم P يحدد فقرة من النص وهي paragraph أي جزء مترابط من الكلام، وعند استخدام أكثر من وسم P سيتم افتراضيا وضع سطر جديد فاصل فبل هذه الفقرة و بعدها

مثال:

<!DOCTYPE html>
<html>
<body>

<h1>P  </h1>

<p> text 1 </p>

<p> text 2 </p>

<p> text 3 </p>

</body>
</html>

النتيجة:

ppp.jpg.db195926b708f4f884fce452fae2d9b4.jpg

أما الوسم pre يحافظ على عدد الفراغات التي تنتمي للنص الذي يحويه بينما الوسم p لا يقوم بذلك و يتخلص من الفراغات المكررة..

مثال:

<!DOCTYPE html>
<html>
<body>

<h1> pre vs p</h1>

<pre>
نص فيه     فراغات مكررة 
</pre>

<p>
نص فيه     فراغات مكررة 
</p>


</body>
</html>

النتيجة:

السؤال