HTML Computercode
HTML Computer Code Elements (কম্পিউটার কোড ট্যাগ)
HTML-এ কম্পিউটার কোড প্রদর্শনের জন্য কিছু নির্দিষ্ট ট্যাগ ব্যবহৃত হয়। এগুলো সাধারণত কোড, কীবোর্ড ইনপুট, প্রোগ্রাম আউটপুট ইত্যাদি বোঝাতে ব্যবহৃত হয়।
📘 প্রধান ট্যাগসমূহ:
- <code> — প্রোগ্রাম কোড প্রদর্শনের জন্য।
- <kbd> — কীবোর্ড ইনপুট বোঝানোর জন্য।
- <samp> — প্রোগ্রামের আউটপুট প্রদর্শনের জন্য।
- <var> — ভেরিয়েবল প্রদর্শনের জন্য।
- <pre> — ফরম্যাট অনুযায়ী কোড প্রদর্শনের জন্য (লাইন ব্রেক সহ)।
🧩 উদাহরণ ১: <code> ট্যাগ
<p>HTML code উদাহরণ:</p> <code><h1>Hello World!</h1></code>
HTML code উদাহরণ:
<h1>Hello World!</h1>
🧩 উদাহরণ ২: <kbd> ট্যাগ
Keyboard input প্রদর্শন করতে:
Save করতে Ctrl + S চাপুন।
🧩 উদাহরণ ৩: <samp> ট্যাগ
প্রোগ্রাম আউটপুট প্রদর্শন করতে:
File uploaded successfully!
🧩 উদাহরণ ৪: <var> ট্যাগ
গণিত বা প্রোগ্রামিং ভেরিয়েবল প্রদর্শন করতে:
Area = π × r2
🧩 উদাহরণ ৫: <pre> ট্যাগ
Formatting অনুযায়ী কোড প্রদর্শন করতে:
function greet() {
console.log("Hello World!");
}
greet();
🎯 গুরুত্বপূর্ণ তথ্য:
<pre>ট্যাগ কোডের spacing ও লাইন ব্রেক সংরক্ষণ করে।<code>সাধারণ কোডের জন্য ব্যবহৃত হয় কিন্তু এতে formatting থাকে না।- প্রায়ই
<pre>এবং<code>একসাথে ব্যবহৃত হয়।
🧠 অনুশীলন:
- একটি HTML কোড <code> ট্যাগে প্রদর্শন করুন।
- একটি কীবোর্ড ইনপুট <kbd> ট্যাগে দেখান।
- একটি প্রোগ্রাম আউটপুট <samp> ট্যাগে লিখুন।
