آموزش طراحی سایتآموزش HTML

تگ pre در HTML

تگ pre چیست ؟ کاربرد تگ pre در html چیست ؟ از تگ pre در html به چه صورت استفاده می شود؟ اگر به دنبال یافتن جواب این سوال ها هستید این مقاله آموزشی را به هیچ عنوان از دست ندهید.

آموزش طراحی سایت با HTML

در جلسه گذشته به معرفی  تگ hr پرداختیم در این جلسه از آموزش HTML قصد داریم شما را با نحوه استفاده از تگ pre در HTML آشنا نماییم.

 تگ pre چیست ؟

زمانی که می‌خواهیم متن یا محتوای سایت‌مان به همان شکلی که نوشته شده است یعنی با نظر گرفتن فاصله‌های Tab ، فاصله‌های خالی و شکست‌های خط به کاربر نمایش داده شود از تگ pre استفاده می‌نماییم .

محتوای خود را در بین تگ آغازی <pre> و تگ پایانی <pre/> قرار دهید اگر که می‌خواهید به همان شکلی که نوشته شده است روی صفحه وب نشان داده شود .
برای درک بهتر کاربرد تگ pre در HTML به مثال زیر توجه کنید :

<pre>
      Text in a pre element
      is displayed in a fixed-width
      font, and it preserves
      both spaces       and
      line breaks
</pre>
نتیجه کد - تگ pre
نتیجه کد بالا

کاربرد تگ pre در html

از تگ pre بیشتر برای نمایش کدهای برنامه نویسی و کامپیوتری استفاده می‌شود .

خب به پایان این جلسه آموزش اچ تی ام ال رسیدیم در جلسه آینده به معرفی مابقی تگ های قالب بندی متن در HTML می‌پردازیم. درصورتی که سوالی داشتید حتما در قسمت نظرات مطرح کنید.

منبع : میزفا

 

 

تگ pre در HTML
امتیاز 4.1 از 7 رای
اینم بخون، جالبه
تگ sub در HTML
برچسب ها

علی اسمعیلی

سادگی نهایت پیچیدگیست.

نوشته های مشابه

‫4 نظرها

  1. سلام
    اگر بخواهیم مثلا کاربر یک پیوورد وارد کنه و بعد اینتر بزنه تایید بشه
    باید چیکار کنیم چه تگی استفاده کنیم

  2. با سلام
    از تگ pre استفاده کردم ولی اگر متن در یک خط طولانی باشد بصورت اسکرولی نمایش داده میشه علت این امر چیست؟

    bemanta.ir

    1. سلام
      به خاطر این هست که متن شکسته نشده و باید اینتر بخوره.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا
سایت خود را در گوگل مدیریت کنید + ۱۵ ساعت فیلم آموزشیجزئیات بیشتر اینجا کلیک کنید
بستن
با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

عضویت در خبرنامه هفتگی برای دریافت:

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
ترک میزفا خوب نیست!
دوره رایگان سئو