آموزش طراحی سایتآموزش 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 می‌پردازیم. درصورتی که سوالی داشتید حتما در قسمت نظرات مطرح کنید.

منبع : میزفا

 

 

برچسب ها

علی اسمعیلی

درباره خودم گفتن یا نوشتن کار آسونی نیست. باید تو کم‌ترین حجم مهم‌ترین اطلاعات رو بنویسی. وقتی که اولین بار دستم به کیبورد خورد، ۶ سالم بود. حس جالبی بود؛ زندگیم شده بود ۴ تا کلید WASD روی کیبورد کامپیوتر برای کنترل ماشین. از ۱۰ سالگی که مادرم با فوتوشاپ کار می‌کرد کنارش نشستم و یاد گرفتم. ۱۳ سالم بود که اولین وب‌سایتم رو با پی اچ پی نیوک ایجاد کردم. تا الان وب سایت‌های زیادی رو شروع کردم و شاید به خاطر اینکه هدف تجربه کردن رو داشتم شکست خوردند. موفق‌ترین پروژه شکست خوردم رو می‌تونم اوکسو معرفی کنم که شاید اسمش رو شنیده باشید. الانم دارم کار‌هایی رو شروع می‌کنم چون با خودم عهد کرده بودم که تا بیست سالگی جاهای مختلفی کار کنم و تجربه کنم و بعد از تجربیاتم استفاده کنم. بعد از رسیدن به بیست سالگی خوشحالم که یکی از تجربیات خوبم همکاری با میزفاست و دارم ادامش میدم...

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

‫4 نظرها

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

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

    bemanta.ir

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

پاسخی بگذارید

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

همچنین ببینید

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

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

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