إضافة نص HTML | دروس HTML5

 الفقرات في HTML

تتكون مقالاتنا وكتاباتنا على شبكة الإنترنت من فقرات. في هذا الفصل ، نريد أن نقدم لك عنصر الفقرات في HTML.


الفقرات في HTML

يحدد العنصر <p> في HTML فقرة.

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

كيفية عرض صفحات 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 

ينشئ العنصر <br> في HTML سطرًا جديدًا على الصفحة.

إذا كنت لا تريد إنشاء فقرة جديدة وتحتاج إلى سطر جديد في نفس الفقرة ، فاستخدم العنصر <br>:

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

مشكلة في عرض فقرات متعددة في HTML 

بالنظر إلى إخراج الكود التالي ، سترى أن فقرات القصيدة تُعرض واحدة تلو الأخرى:

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

لحل هذه المشكلة ، نحتاج إلى استخدام عنصر يسمى <pre> في 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>

كلمات مفتاحية: