HTML <pre> ট্যাগ

  • পূর্ববর্তী পৃষ্ঠা <picture>
  • পরবর্তী পৃষ্ঠা <progress>

নির্ধারণ ও ব্যবহার

<pre> ট্যাগ প্রিফর্ম্যাটিড টেক্সট নির্ধারণ করে

<pre> ইউনিটের টেক্সট সমান চাপ ফন্টে প্রদর্শিত হয়, টেক্সটতে খালি জায়গা ও লাইন ব্রেক সংরক্ষণ করা হয়। টেক্সট HTML সোর্স কোডের মতোই প্রদর্শিত হবে。

আরও দেখুন:

ট্যাগ বর্ণনা
<code> কম্পিউটার প্রোগ্রামের নমুনা আউটপুট নির্ধারণ করুন。
<samp> কীবোর্ড ইনপুট নির্ধারণ করুন。
<kbd> কীবোর্ড ইনপুট নির্ধারণ করুন。
<var> পরিবর্তী বিন্যাস নির্ধারণ করুন。

আরও দেখুন:

HTML শিক্ষাক্রম:HTML টেক্সট ফরম্যাটিং

HTML DOM পরিচ্ছেদকোষ:Pre অবজেক্ট

প্রতিদর্শন

উদাহরণ 1

প্রিফর্ম্যাটিড টেক্সট:

<pre>
pre ইউনিটের টেক্সট
সমান চাপ ফন্টে প্রদর্শিত হয়
একইসঙ্গে সংরক্ষণ করা
স্পেস          এবং
বানানি সংযোজক
</pre>

স্বয়ং প্রয়াস করুন

উদাহরণ ২

কিভাবে CSS-এর মাধ্যমে নির্দিষ্ট প্রস্থের প্রিফর্ম্যাটিং টেক্সট তৈরি করা যায়:

<div style="width:200px;overflow:auto">
<pre>এটি একটি নির্দিষ্ট প্রস্থ সহ ফিক্সড প্রিক্সট এবং এটি নির্দিষ্ট স্পেস ব্যবহার করবে。</pre>
</div>

স্বয়ং প্রয়াস করুন

গ্লোবাল অ্যাট্রিবিউট

<pre> ট্যাগটি ইভেন্ট অ্যাট্রিবিউটও সমর্থন করে HTML-তে গ্লোবাল অ্যাট্রিবিউট。

ইভেন্ট অ্যাট্রিবিউট

<pre> ট্যাগটি ইভেন্ট অ্যাট্রিবিউটও সমর্থন করে HTML-তে ইভেন্ট অ্যাট্রিবিউট。

ডিফল্ট সিএসএস সেটিং

অধিকাংশ ব্রাউজার নিম্নলিখিত ডিফল্ট মান ব্যবহার করবে <pre> উপাদান:

pre {
  display: block;
  font-family: monospace;
  white-space: pre;
  মার্গিন: ১ইম ০;
}

স্বয়ং প্রয়াস করুন

ব্রাউজার সমর্থন

চ্রোম এজ ফায়ারফক্স স্যাফারি ওপেরা
চ্রোম এজ ফায়ারফক্স স্যাফারি ওপেরা
সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন
  • পূর্ববর্তী পৃষ্ঠা <picture>
  • পরবর্তী পৃষ্ঠা <progress>