ওয়েব পেজে কম্পিউটার কোড প্রদর্শনের জন্য HTML-এ কিছু নির্দিষ্ট এলিমেন্ট আছে। এগুলো হলো:
<kbd><pre><code><var><samp>
<kbd> এলিমেন্ট
<kbd> ট্যাগ কীবোর্ড ইনপুট সংজ্ঞায়িত করতে ব্যবহৃত হয়। ব্যবহারকারী কীবোর্ডে কী টাইপ করবে তা দেখাতে, যেমন শর্টকাট কী: Ctrl+C (কপি), Esc (এক্সিট) ইত্যাদি।
উদাহরণ
<!DOCTYPE html> <html> <body> <h2>শর্টকাট কী</h2> <p>নিচের শর্টকাট কীগুলো ব্যবহার করুন −</p> <p><strong>কাট</strong> − <kbd>CTRL</kbd>+<kbd>X</kbd></p> <p><strong>কপি</strong> − <kbd>CTRL</kbd>+<kbd>C</kbd></p> <p><strong>পেস্ট</strong> − <kbd>CTRL</kbd>+<kbd>V</kbd></p> <p><strong>আনডু</strong> − <kbd>CTRL</kbd>+<kbd>Z</kbd></p> </body> </html>
<pre> এলিমেন্ট
<pre> ট্যাগ প্রি-ফরম্যাটেড টেক্সট সেট করতে ব্যবহৃত হয়। এতে স্পেস এবং লাইন ব্রেক সংরক্ষিত থাকে, অর্থাৎ কোডে जैसा লেখা থাকে সেভাবেই ওয়েব পেজে দেখায়। ফিক্সড-উইডথ ফন্ট ব্যবহার হয়।
উদাহরণ
<!DOCTYPE html> <html> <body> <h2>ডেমো হেডিং</h2> <pre> এটি একটি ডেমো টেক্স্ট এবং একই ফরম্যাটে দেখাবে যেমন এখানে দেখা যাচ্ছে। প্রি ট্যাগ টেক্সটকে ফিক্সড-উইডথ ফন্টে দেখায়। এটি স্পেস এবং লাইন ব্রেক উভয় সংরক্ষণ করে। </pre> </body> </html>
<code> এলিমেন্ট
<code> ট্যাগ HTML ডকুমেন্টে কোড ফরম্যাট করতে ব্যবহৃত হয়। উদাহরণস্বরূপ, জাভা বা সি++ কোড লিখলে সেটি সুন্দরভাবে ফরম্যাট করতে এই এলিমেন্ট ব্যবহার করা হয়।
উদাহরণ
<!DOCTYPE html> <html> <body> <h1>হেডার ফাইল</h1> <h2>C++</h2> <code> #include <iostream> </code> <h2>C</h2> <code> #include <stdio> </code> </body> </html>
<var> এলিমেন্ট
<var> এলিমেন্ট গাণিতিক এক্সপ্রেশন বা ভেরিয়েবল প্রদর্শনের জন্য ব্যবহৃত হয়।
উদাহরণ
<!DOCTYPE html> <html> <body> <h2>গাণিতিক সমীকরণ</h2> নমুনা সমীকরণ − <var>2x</var> - <var>2z</var> = <var>3y</var> + 9 </body> </html>
<samp> এলিমেন্ট
<samp> ট্যাগ HTML-এ একটি ফ्रेज ট্যাগ (যেমন <em>, <code>, <strong>) এবং কম্পিউটার প্রোগ্রামের আউটপুট প্রদর্শনের জন্য ব্যবহৃত হয়।
উদাহরণ
<!DOCTYPE html> <html> <body> <h2>পরীক্ষার ফলাফল</h2> <p><s>ফলাফল ৬ জুনে প্রকাশিত হবে।</s></p> <samp>ফলাফলের নতুন তারিখ ৭ জুন।</samp> </body> </html>
সারসংক্ষেপ: <code> - প্রোগ্রামিং কোড, <kbd> - কীবোর্ড ইনপুট, <samp> - প্রোগ্রাম আউটপুট, <var> - ভেরিয়েবল/গাণিতিক এক্সপ্রেশন, <pre> - প্রি-ফরম্যাটেড টেক্সট।
