HTML Paragraphs | In Arabic

---

سوف نتعلم فى هذا الفصل “HTML Paragraphs” كل المعلومات والتفاصيل حول الفقرات فى HTML وكيفية إستخدامها بطريقة صحيحة.

---

 

الفقرات في HTML

 

يتم استخدام الفقرات لنشر النص على صفحات الويب، ويعد هذا العنصر من العناصر الأساسية فى صفحة الويب.

لإنشاء فقرة فى HTML نستخدم الوسم <p>. هذا العنصر من النوع block-level ويبدأ دائمًا في سطر جديد. قبل وبعد كل فقرة ، تضيف المتصفحات هامشًا (padding) تلقائيًا (يمكنك تعديل هذه الهوامش عن طريق CSS باستخدام خاصية الـ padding).

 

مثال للتوضيح:

<p>This is Paragraph.</p>
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia.</p>

---

 

إغلاق الفقرة Closing a Paragraph

 

معظم المتصفحات تعرض كود HTML بشكل صحيح حتى إذا نسيت إغلاق الوسم، فمثلا إذا كتبت:

<p>This is Paragraph.
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia.

سيعمل كود HTML في المثال السابق في معظم متصفحات الويب، ولكن لا تعتمد على ذلك؛ لأنه من الممكن أن تؤدي هذه الطريقة إلى نتائج او أخطاء غير متوقعة وخصوصًا فى المواقع الكبيرة.

---

 

إنشاء فواصل الخط Breaks

 

إذا كنت تريد نقل النص إلى سطر جديد او لإدراج فاصل أسطر في صفحة الويب، يمكنك استخدم العلامة وسم <br>. وهو عنصر فارغ (أى ليس له وسم إغلاق).

 

مثال للتوضيح:

<p>Vestibulum ante ipsum primis in faucibus orci luctus <br> et ultrices posuere cubilia.</p>

---

---

 

إنشاء خطوط أفقية Horizontal Rules

 

لإنشاء خطوط أفقية لفصل أقسام المحتوى بصريًا على صفحة الويب يمكنك استخدام وسم <hr>. يعد وسم <hr> عنصرًا فارغًا أيضًا .

 

مثال للتوضيح:

<p>This is Paragraph.</p>
<hr>
<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia.</p>

---

 

المساحات البيضاء/الخالية White spaces

 

عادةً ما يعرض المستعرض المسافات البيضاء التي تم إنشاؤها داخل كود HTML بالضغط على مفتاح شريط المسافة على لوحة المفاتيح كمسافة واحدة.

عند ادراك مسافة بين النصوص فى HTML يتم تجاهلها تمامًا. فى المثال التالى سيتم عرض الفقرة في سطر واحد دون اي مسافة إضافية بين النص:

<p>Vestibulum     ante      ipsum primis    in 
faucibus orci    luctus et ultrices  
posuere cubilia.</p>

لإدراج مسافة بين النص يمكنك استخدام ;nbsp&، كالتالى:

<p>Vestibulum&nbsp;&nbsp;&nbsp;ante&nbsp;ipsum primi&nbsp;in 
faucibus orci&nbsp;&nbsp;luctus.</p>

---