HTML <code> ট্যাগ

  • পূর্ববর্তী পৃষ্ঠা <cite>
  • পরবর্তী পৃষ্ঠা <col>

নির্দেশ ও ব্যবহার

<code> ট্যাগটি কম্পিউটার কোড স্প্লিকেটটি নির্দিষ্ট করে, যার মূল্য ব্রাউজারের ডিফল্ট ইকনিক ফন্টে দেখা যায়।

সুপারিশ:এই ট্যাগটি বর্জিত নয়। কিন্তু, CSS ব্যবহার করে আরও সমৃদ্ধ প্রভাব অর্জন করা যেতে পারে (নিচের উদাহরণ দেখুন)।

দেখুন:

ট্যাগ বর্ণনা
<samp> কম্পিউটার প্রোগ্রামের উদাহরণ আউটপুট নির্দিষ্ট করুন।
<kbd> কীবোর্ড ইনপুট নির্দিষ্ট করুন।
<var> ভুক্তব্য নির্দিষ্ট করুন।
<pre> প্রিফরম্যাটেড টেক্সট নির্দিষ্ট করুন।

অন্যান্য দেখুন:

HTML টিউটোরিয়াল:HTML টেক্সট ফরম্যাটিং

HTML DOM রেফারেন্স ম্যানুয়েল:কোড ওবজেক্ট

ইনস্ট্যান্স

উদাহরণ 1

ডকুমেন্টের মধ্যে কম্পিউটার কোড হিসাবে কিছু টেক্সট নির্দিষ্ট করুন:

<p>HTML <code>button</code> ট্যাগ ক্লিক করা যাওয়া বাটন নির্ধারণ করে。</p>
<p>CSS <code>background-color</code> অপারেশন এলিমেন্টের ব্যাকগ্রাউন্ড কালার নির্ধারণ করে。</p>

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

উদাহরণ 2

CSS দ্বারা <code> ইলেকট্রনিকেন্টের স্টাইল সেট করা:

<html>
<head>
<style>
code {
  font-family: Consolas,"courier new";
  color: crimson;
  background-color: #f1f1f1;
  padding: 2px;
  font-size: 105%;
}
</style>
</head>
<body>
<p>HTML <code>button</code> ট্যাগ ক্লিক করা যাওয়া বাটন নির্ধারণ করে。</p>
<p>CSS <code>background-color</code> অপারেশন এলিমেন্টের ব্যাকগ্রাউন্ড কালার নির্ধারণ করে。</p>
</body>
</html>

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

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

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

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

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

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

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

code {
  font-family: monospace;
}

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

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

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