تگ pre در HTML

تگ pre در HTML
معرفی تگ pre

تگ pre چیست ؟ کاربرد تگ pre در html چیست ؟ از تگ pre در 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 بیشتر برای نمایش کدهای برنامه نویسی و کامپیوتری استفاده می‌شود.

پایانترم

[box type=”info” class=”question-from-users” width=””]

سوال:

هر آنچه از تگ Pre متوجه شدید را در یک یا دو جمله برایمان ارسال کنید.

به ایمیل کسانی که پاسخ درست و کامل رو در نظرات بگن ۱۰ هزارتومان در پنل کاربری آکادمی میزفا حسابشون شارژ میشه. (البته باید در آکادمی میزفا ثبت‌نام کنید تا بتونید از این امتیاز استفاده کنید.)

[/box]

نتیجه گیری

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

فیلم آموزشی asp.net core 2

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

روی فصل بالا کلیک کنید.

ازمون HTML شرکت کن

روی لینک بالا کلیک کن

فیلم آموزشی asp.net core 2

12 نظر

12 پاسخ

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

    1. سلام فرهان این یک توضیح خیلی خوب برای این تگ بود. ممنون ازت.

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

    1. سلام علی اکبر درسته. جایزه ات رو به زودی دریافت می‌کنی.

  3. پاسخ سوال :
    در نوشتن متن اگر بخواهیم فاصله تب ها، فاصله بین دو کلمات چند خط نویسی و… دقیقا به همان شکلی که نوشته می شوند به نمایش در بیایند، از این تگ استفاده می کنیم.

    1. سلام محمد ممنونم که انقدر خوب نوشتی. جایزت رو به زودی دریافت میکنی.

  4. سلام. خدا قوت.
    مرسی از سایت خوبتون.
    یه سوال داشتم. چطوری میشه یک تگ html رو توی صفحه وب نمایش داد؟ مثلا من میخام توی صفحه، یکی از تگ ها رو به عنوان رشته در نظر گرفته بشه و نمایش داده بشه.
    لطفا اگه تگی برای این کار هست راهنماییم کنید

    1. سلام وحید عزیز، این کار خیلی ساده هست.

      برای شروع و پایان تگ که از <> استفاده می‌کنیم باید به جاشون از Entity ها استفاده کنیم. برای اینکار از &lt; برای شروع تگ و از &gt; برای پایان تگ استفاده می‌کنیم.

      موفق باشی.

  5. سلام وقت بخیر ، منظورتون از پیوورد رو متوجه نشدم.

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

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

    bemanta.ir

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

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

نشانی ایمیل شما منتشر نخواهد شد.

حداکثر حجم فایل برای آپلود: 1 مگابایت. فایل‌های مجاز برای آپلود: عکس, ویس, ویدیو, ورد یا پی دی اف, فایل متنی, زیپ. شما می‌تونید برای بهتر پرسیدن سوالتون، عکس یا ویس یا حتی فیلم در بخش نظرات میزفا آپلود کنید. برای ضبط ویس می‌تونید از خود واتس آپ استفاده کنید و بعد اینجا آپلود کنید و برای ارسال عکس هم کافی هست اسکرین شات بگیرید. Drop file here

با موفقیت ثبت شد، میزفا از شما برای عضویت در خبرنامه هفتگی تشکر میکند.

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

  • فیلم و مقاله رایگان سئو
  • آموزش‌های UX ، GA و GTM
  • مقاله های تخصصی ASP.NET Core
  • اطلاع رسانی از محصولات
فیلم آموزشی asp.net core 2
ترک میزفا خوب نیست!
معرفی جامع‌ترین ابزار سئو در ایران
بالای ۱۰ هزار عضو
PHZpZGVvIHdpZHRoPSI2MDAiIGhlaWdodD0iMzUwIiBwb3N0ZXI9Imh0dHBzOi8vbWl6ZmEuY29tL2Jsb2cvd3AtY29udGVudC91cGxvYWRzLzIwMjMvMDUvcG9zdGVyLW1pemZhLXRvb2xzLXZpZGVvLW1pbi5wbmciIGNvbnRyb2xzIHByZWxvYWQ9Im5vbmUiPiANCiAgIDxzb3VyY2Ugc3JjPSJodHRwczovL21pemZhLmNvbS9ibG9nL3dwLWNvbnRlbnQvdXBsb2Fkcy8yMDIzLzA1L21pemZhX3Rvb2xzXzcyMHAubXA0IiB0eXBlPSJ2aWRlby9tcDQiPg0KPC92aWRlbz4=