কিভাবে HTML কোডিং এ লেখা কোন লেখাকে হুবহু আউটপুটে শো করানো যায়।

এটা করার জন্য আমাদের একটা <pre> নামক ট্যাগ ববহার করতে হইবে। তার পর এই ট্যাগের ভিতরে আমরা যা লিখব সেই লেখাটা হুবহু আউটপুট পাইব।

The HTML <pre> element যার ফুল ফর্ম preformatted text. অর্থাৎ HTML কোডের মধ্যে যেভাবে বা যেরকম লেখা লেখা হয় আমাদের আউটপুট ও হুবহু সেরকমি পাওয়া যায়। সাধারণত কোন কবিতার লাইন বা গানের লিরিক্স এর ক্ষেত্রে এমন কোড ব্যবহার করা হয়। নিচের উধারণটা দেখলে ভালভাবে বোঝা যাইবে।

Input:
<pre>

  L          TE
    A       A
      C    V
       R A
       DOU
       LOU
      REUSE
      QUE TU
      PORTES
    ET QUI T'
    ORNE O CI
     VILISÉ
    OTE-  TU VEUX
     LA    BIEN
    SI      RESPI
            RER       - Apollinaire

  </pre>          

Output:
 L          TE
    A       A
      C    V
       R A
       DOU
       LOU
      REUSE
      QUE TU
      PORTES
    ET QUI T'
    ORNE O CI
     VILISÉ
    OTE-  TU VEUX
     LA    BIEN
    SI      RESPI
            RER       - Apollinaire

অর্থাৎ এখানে দেখা যাচ্ছে যে আমি ইনপুটে <pre> ট্যাগের ভিতর যেভাবে বা যে ডিজাইনে কোন কোড লিখেছি আমাদের আউটপুটে আমরা ঠিক সেভাবেই লেখাগুলাকে দেখতে পাচ্ছি। অর্থাৎ input এর ভিতর যেখানে স্পেস, কমা, দাড়ি যেভাবেই থাকুক না কেন output এ রেজাল্ট টাও ঠিক সেভাবেই দেখাবে।

---

লিখেছেনঃ মোঃ হাফিজুর রহমান

---