HTML Tutorial

عنصر <pre>

استخدامات العلامة <pre>:

  • لعرض نص بتنسيقه الأصلي (بدون معالجة أي علامات تنسيق).
  • لعرض رمز أو كود برمجي.
  • لإنشاء نص متعدد الأسطر مع الحفاظ على المسافات والتباعد بين الكلمات.

صفات العلامة <pre>:

  • لا تحتوي العلامة <pre> على أي صفات.

أمثلة باستخدام العلامة <pre>:

<pre>
مرحباً بالعالم!
</pre>

سيؤدي هذا الكود إلى عرض النص "مرحباً بالعالم!" بتنسيقه الأصلي، مع الحفاظ على المسافة بين الكلمات.

<pre>
print("مرحباً بالعالم!");
</pre>

سيؤدي هذا الكود إلى عرض رمز جافا سكريبت بتنسيقه الأصلي.

استكشاف العلامة <pre>:

<!DOCTYPE html>
<html>
<body>
  <h1>نص بتنسيقه الأصلي</h1>
  <pre>
مرحباً بالعالم! هذا نص بتنسيقه الأصلي.
  </pre>

  <h1>رمز جافا سكريبت</h1>
  <pre>
function helloWorld() {
  console.log("مرحباً بالعالم!");
}
  </pre>
</body>
</html>

يُنتج هذا المثال صفحة HTML تعرض نصًا بتنسيقه الأصلي ورمز جافا سكريبت.