Articles
এইচটিএমএল-এর পরিচিতি
কোড প্রদর্শন, উদ্ধৃতি এবং তালিকার সঙ্গে সম্পর্কিত ট্যাগগুলি

কোড প্রদর্শন, উদ্ধৃতি এবং তালিকার সঙ্গে সম্পর্কিত ট্যাগগুলি

এই প্রবন্ধটি কোড প্রদর্শন, উদ্ধৃতি এবং তালিকার সঙ্গে সম্পর্কিত ট্যাগগুলি ব্যাখ্যা করে।

এটি ব্যাখ্যা করে কীভাবে HTML-এ সোর্স কোড, উক্তি, মন্তব্য এবং তালিকা লেখতে হয়।

YouTube Video

কোড প্রদর্শন সম্পর্কিত ট্যাগসমূহ

<code> ট্যাগ

Inline code example: let x = 10; 
1Inline code example: <code>let x = 10;</code>
  • <code> ট্যাগটি একটি ইনলাইন উপাদান যা HTML নথির মধ্যে কোড বা প্রোগ্রাম অংশগুলি নির্দেশ করতে ব্যবহৃত হয়।
  • ডিফল্টভাবে, এটি এক মনোস্পেস ফন্টে প্রদর্শিত হয়, যা কোডের পঠনযোগ্যতা বাড়ায়।

<pre> ট্যাগ 

function hello() {
    console.log("Hello, world!");
}

1<pre>
2function hello() {
3    console.log("Hello, world!");
4}
5</pre>
  • <pre> ট্যাগ একটি এইচটিএমএল ডকুমেন্টের মধ্যে টেক্সটকে তার মূল ফরম্যাটে প্রদর্শনের জন্য ব্যবহৃত হয়। এই ট্যাগটি ব্যবহার করে লেখার মধ্যে সমস্ত ফাঁকা স্থান এবং লাইন ব্রেক সংরক্ষণ করা হয়, যার ফলে তার মূল বিন্যাস অক্ষুণ্ণ থাকে। এটি প্রধানত এমন বিষয়বস্তু প্রদর্শনের জন্য ব্যবহৃত হয় যা ফর্ম্যাটিং বজায় রাখতে হয়, যেমন প্রোগ্রামের কোড, কবিতা বা পাঠ্যশিল্প।
    function hello() {
        console.log("Hello, world!");
    }
    
1    <pre>
2    function hello() {
3        console.log("Hello, world!");
4    }
5    </pre>
  • <pre> ট্যাগে স্পেস সংরক্ষিত থাকে, তাই যদি সমাপনী ট্যাগের আগে একটি স্পেস থাকে, তবে এই উদাহরণের মতো একটি ফাঁকা লাইন শেষে প্রদর্শিত হবে।

<samp> ট্যাগ

Sample system output: Error: Invalid input. 
1Sample system output: <samp>Error: Invalid input.</samp>
  • <samp> ট্যাগটি একটি HTML ট্যাগ যা একটি কম্পিউটার প্রোগ্রামের আউটপুট উপস্থাপন করতে ব্যবহৃত হয়। এটি একটি প্রোগ্রাম বা সিস্টেম থেকে আউটপুট বা বার্তা নির্দেশ করতে ব্যবহৃত হয়।

<kbd> ট্যাগ

Keyboard input example: Ctrl + C 
1Keyboard input example: <kbd>Ctrl</kbd> + <kbd>C</kbd>
  • <kbd> ট্যাগটি একটি HTML ট্যাগ যা ব্যবহারকারীর ইনপুট উপস্থাপন করতে ব্যবহৃত হয়। এটি কীবোর্ড ইনপুট বা কমান্ড ইনপুট নির্দেশ করতে ব্যবহৃত হয়, যেমন শর্টকাট।

<var> ট্যাগ

Variable example: x = 5; 
1Variable example: <var>x</var> = 5;
  • <var> ট্যাগটি একটি প্রোগ্রাম বা সমীকরণের ভেরিয়েবল উপস্থাপন করতে ব্যবহৃত হয়। এটি ভেরিয়েবল নামগুলি বা গাণিতিক সূত্রের মধ্যে ভেরিয়েবলকে জোর দেওয়ার জন্য ব্যবহৃত হয়।

উদ্ধৃতি ইত্যাদি জন্য ব্যবহৃত ট্যাগসমূহ

<blockquote> ট্যাগ

This is a blockquote for longer quotations. 
1<blockquote>
2    This is a blockquote for longer quotations.
3</blockquote>
  • <blockquote> ট্যাগটি দীর্ঘ উদ্ধৃতি বা অন্য উত্স থেকে পাঠ্য উপস্থাপন করতে ব্যবহৃত হয় এবং এটি সাধারণত ব্লক স্তরে প্রদর্শিত হয়।

<q> ট্যাগ

This is a short quote: Short quote example. 
1This is a short quote: <q>Short quote example.</q>
  • <q> ট্যাগটি একটি ইনলাইন উপাদান যা ছোট উদ্ধৃতি উপস্থাপন করতে ব্যবহৃত হয়। এই ট্যাগটি একটি অংশ বা বাক্যকে উদ্ধৃতি হিসাবে চিহ্নিত করতে পারে। <q> ট্যাগের মধ্যে আবদ্ধ পাঠ্য সাধারণত উদ্ধৃতি চিহ্ন সহ প্রদর্শিত হয়। <q> ট্যাগটি নেস্ট করা যায়। এই ক্ষেত্রে, অভ্যন্তরীণ উদ্ধৃতির জন্য সাধারণত বিভিন্ন ধরনের উদ্ধৃতি চিহ্ন ব্যবহার করা হয়।

<cite> ট্যাগ

Reference to a book: The Great Gatsby 
1Reference to a book: <cite>The Great Gatsby</cite>
  • <cite> ট্যাগটি একটি ইনলাইন উপাদান যা একটি উদ্ধৃতি বা রেফারেন্সের উত্স নির্দেশ করতে ব্যবহৃত হয়। এটি প্রধানত একটি কাজের উৎস নির্দেশ করতে ব্যবহৃত হয়, যেমন কাজের শিরোনাম, নিবন্ধ, প্রবন্ধ, ওয়েব পৃষ্ঠা, বা বই।

<address> ট্যাগ

123 Main Street, Springfield, USA
1<address>123 Main Street, Springfield, USA</address>
  • <address> ট্যাগটি একটি ডকুমেন্ট বা বিভাগের লেখক বা মালিকের সাথে সম্পর্কিত যোগাযোগের তথ্য উপস্থাপন করতে ব্যবহৃত হয়। এই ট্যাগটি সাধারণত ইমেল ঠিকানা, ফোন নম্বর, শারীরিক ঠিকানা এবং অনুরূপ তথ্য ধারণ করে।

<time> ট্যাগ 

1<time datetime="2024-12-04">December 4, 2024</time>
  • <time> ট্যাগটি একটি নির্দিষ্ট সময়, একটি সময়কাল বা পুনরাবৃত্ত সময় নির্দেশ করতে ব্যবহৃত হয়। এই ট্যাগটি তারিখ এবং সময় অন্তর্ভুক্ত করতে পারে, যা ডকুমেন্টে অর্থবোধক অর্থ যোগ করতে সাহায্য করে।

<data> ট্যাগ

Current Year 
1<data value="2024">Current Year</data>
  • <data> ট্যাগটি পাঠযোগ্য কনটেন্টকে মেশিন-বোধ্য মানের সাথে যুক্ত করতে ব্যবহৃত হয়। এই ট্যাগটি ডেটা এমনভাবে মার্কআপ করতে সাহায্য করে যা প্রোগ্রাম দ্বারা সহজে প্রক্রিয়াজাত করা যায়।

<details> এবং <summary> ট্যাগসমূহ

More information

Here is some additional content.

1<details>
2    <summary>More information</summary>
3    <p>Here is some additional content.</p>
4</details>
  • <details> ট্যাগ একটি সংকুচিত এবং সম্প্রসারণযোগ্য উইজেট তৈরি করে। <summary> ট্যাগের সাথে এটি ব্যবহার করে, আপনি একটি ক্লিকযোগ্য বিভাগ তৈরি করতে পারেন যা আরও বিস্তারিত প্রকাশ করতে পারে, যা সাধারণত 'Read more'-এর মতো ইন্টারঅ্যাকটিভ প্রদর্শনের জন্য ব্যবহার করা হয়।

তালিকা প্রদর্শনের জন্য ব্যবহৃত ট্যাগসমূহ

<ul> ট্যাগ

  • Item 1
  • Item 2
  • Item 3
1<ul>
2    <li>Item 1</li>
3    <li>Item 2</li>
4    <li>Item 3</li>
5</ul>
  • এটি একটি ট্যাগ যা অনানুসার তালিকা তৈরি করতে ব্যবহৃত হয়। তালিকার প্রতিটি আইটেম <li> ট্যাগ দিয়ে সংজ্ঞায়িত করা হয়। ডিফল্টরূপে, প্রতিটি তালিকার আইটেমের সামনে একটি কালো বিন্দু প্রদর্শিত হয়।

<ol> ট্যাগ

  1. Step 1
  2. Step 2
  3. Step 3
1<ol>
2    <li>Step 1</li>
3    <li>Step 2</li>
4    <li>Step 3</li>
5</ol>
  • এই ট্যাগটি একটি অনুসার তালিকা তৈরি করতে ব্যবহৃত হয়। তালিকার প্রতিটি আইটেম <li> ট্যাগ দিয়ে সংজ্ঞায়িত করা হয়। ডিফল্টরূপে, আইটেমগুলির ক্রম নির্দেশিত করতে সংখ্যা প্রদর্শিত হয়।

<dl> ট্যাগ

Term 1
Definition of Term 1
Term 2
Definition of Term 2
1<dl>
2    <dt>Term 1</dt>
3    <dd>Definition of Term 1</dd>
4    <dt>Term 2</dt>
5    <dd>Definition of Term 2</dd>
6</dl>
  • এই ট্যাগটি শব্দ এবং সংজ্ঞা বা নাম এবং বিবরণ সহ যুগ্ম তালিকা তৈরি করতে ব্যবহৃত হয়। তালিকার আইটেমগুলি <dt> এবং <dd> ট্যাগ দিয়ে সংজ্ঞায়িত করা হয়। শব্দ বা নাম <dt> ট্যাগে লেখা হয়, এবং সংজ্ঞা বা ব্যাখ্যা <dd> ট্যাগে লেখা হয়।

আপনি আমাদের ইউটিউব চ্যানেলে ভিজ্যুয়াল স্টুডিও কোড ব্যবহার করে উপরের নিবন্ধটি অনুসরণ করতে পারেন। দয়া করে ইউটিউব চ্যানেলটিও দেখুন।

YouTube Video

টেক্সট-সম্পর্কিত ট্যাগগুলিটেবিল-সম্পর্কিত ট্যাগসমূহ