تبدأ الفقرة دائمًا على سطر جديد، وعادةً ما تكون كتلة من النص.
فقرات HTML
يستخدم العنصر <p> في HTML لتعريف فقرة.
- تبدأ الفقرة دائمًا على سطر جديد.
- يضيف المتصفح تلقائيًا بعض المسافات البيضاء (الهامش) قبل وبعد الفقرة.
<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
يستخدم عنصر <hr> في HTML لتعريف انقطاع موضوعي في الصفحة، وغالبًا ما يتم عرضه كخط أفقي.
يتم استخدام العنصر <hr> لفصل المحتوى (أو تحديد تغيير) في صفحة HTML:
<h1>This is heading 1</h1>
<p>This is some text.</p>
<hr>
<h2>This is heading 2</h2>
<p>This is some other text.</p>
<hr>يُعد عنصر <hr> عنصرًا فارغًا، مما يعني أنه لا يتطلب علامة نهاية.
فواصل الأسطر في HTML
يستخدم العنصر <br> في HTML لتعريف فاصل سطر.
استخدم <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>
الحل العنصر <pre> في لغة HTML
يُستخدم العنصر <pre> في لغة HTML لتعريف نص مُهَيّأ مسبقًا.
- يُعرض النص داخل العنصر
<pre>بخط عرض ثابت (عادة يكون Courier). - يحافظ هذا العنصر على المسافات وفواصل الأسطر تمامًا كما تمت كتابتها في ملف HTML.
مثال:
<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>
