شبكة تعلم مع ناو

كيف أعرض نصًا في HTML مع الحفاظ على المسافات والأسطر؟ (الوسم pre)

استخدم الوسم <pre> (اختصار preformatted text). هو يعرض النص كما كتبته تمامًا: بكل المسافات والأسطر الجديدة.

<pre>
الاسم:     ناو
المدينة:   دمشق
</pre>

في الوسوم العادية مثل <p> يدمج المتصفح المسافات المتكررة في مسافة واحدة ويتجاهل الأسطر الجديدة. أما <pre> فيحافظ عليها، ويعرض النص عادةً بخط متساوي العرض.

لعرض الأكواد

الاستخدام الأشهر هو عرض الأكواد، مع <code> داخله:

<pre><code>function hello() {
  return "hi";
}</code></pre>

اختبر نفسك

خمسة أسئلة سريعة، مع الإجابة والشرح بعد كل سؤال.