এইচটিএমএল সিএসএস জাভাস্ক্রিপ্ট পিএইচপি এসকিউএল জেকুয়েরি বুটস্ট্রাপ সি প্রোগ্রামিং
ফোরাম
×

এইচটিএমএল টিউটোরিয়াল

এইচটিএমএল হোম পেজ এইচটিএমএল পরিচিতি এবং গঠন এইচটিএমএল কোড এটিটর এইচটিএমএলের মৌলিক ধারণা এইচটিএমএল এলিমেন্ট এইচটিএমএল emty এলিমেন্ট এইচটিএমএল এট্রিবিউট এইচটিএমএল class এট্রিবিউট এইচটিএমএল style এট্রিবিউট এইচটিএমএল কমেন্ট এইচটিএমএল হেডিং এইচটিএমএল প্যারাগ্রাফ এইচটিএমএল টেক্সট ফরম্যাট এইচটিএমএল টেক্সট কোটেশন এইচটিএমএল কম্পিউটারকোড এইচটিএমএল টেবিল এইচটিএমএল লিস্ট এইচটিএমএল কালার এইচটিএমএল সিএসএস এইচটিএমএল লিংক এইচটিএমএল ইমেজ এইচটিএমএল ব্লক-ইনলাইন এলিমেন্ট এইচটিএমএল হেড এইচটিএমএল লেআউট এইচটিএমএল আইফ্রেম এইচটিএমএল জাভাস্ক্রিপ্ট এইচটিএমএল রেস্পন্সিভ এইচটিএমএল এনটিটি এইচটিএমএল অক্ষরসেট এইচটিএমএল সিম্বল এইচটিএমএল URL এনকোড এইচটিএমএল-XHTML px - em কনভার্শন

এইচটিএমএল ফর্ম

এইচটিএমএল ফর্ম এইচটিএমএল ফর্ম এলিমেন্ট এইচটিএমএল ইনপুট টাইপ এইচটিএমএল(৫) ইনপুট টাইপ এইচটিএমএল ইনপুট এট্রিবিউট

এইচটিএমএল৫

এইচটিএমএল৫ পরিচিতি ব্রাউজার সাপোর্ট এইচটিএমএল৫ এলিমেন্ট এইচটিএমএল৫ সিম্যান্টিক এলিমেন্ট এইচটিএমএল৫ মাইগ্রেশন এইচটিএমএল৫ স্টাইল গাইড

এইচটিএমএল মিডিয়া

মিডিয়া-Media ভিডিও-Video অডিও-Audio প্লাগ-ইন-PlugIn ইউটিউব-Youtube

এইচটিএমএল এপিআই

জিওলোকেশন-Geolocation ড্রাগ/ড্রপ-Drag/Drop লোকাল স্টোরেজ-LocalStorage অ্যাপ ক্যাশ-AppCache ওয়েব ওয়ার্কার-WebWorker এসএসই-SSE

এইচটিএমএল রেফারেন্স

রেফারেন্স- reference

 

এইচটিএমএল কম্পিউটার কোড এলিমেন্ট


এক নজরে এইচটিএমএল কম্পিউটার কোড এলিমেন্ট

ট্যাগ বিবরণ
<code> প্রোগ্রামিং কোডকে বুঝায়।
<kbd> কীবোর্ড ইনপুটকে বুঝায়। 
<samp> কম্পিউটার আউটপুটকে বুঝায়।
<var> ভ্যারিয়েবলকে বুঝায়।

<code> এলিমেন্ট

কম্পিউটার কোড লেখার জন্য কন্টেইনার হিসেবে এইচটিএমএল <code> এলিমেন্ট ব্যবহার করা হয়।

উদাহরণ

<!DOCTYPE html>
<html>
<head>
  <title>এইচটিএমএল code এলিমেন্ট</title>
</head>
<body>
  <p>নিম্নে code এলিমেন্টের মধ্যে কিছু প্রোগ্রামিং কোড লেখা হয়েছে।</p>
  <code>
  var a = 5;<br>
  var b = 6;<br>
  document.getElementsByTagName("li").innerHTML = a * b;
  </code>
</body>
</html>

ফলাফল


<kbd> এলিমেন্ট

এইচটিএমএল <kbd> এলিমেন্ট দ্বারা কীবোর্ডের ইনপুট নির্দেশ করে।

উদাহরণ

<!DOCTYPE html>
<html>
<head>
  <title>এইচটিএমএল kbd এলিমেন্ট</title>
</head>
<body>
  <p>kbd এলিমেন্ট কীবোর্ড ইনপুট নির্দেশ করে।</p>
  <p><kbd>File | Open...</kbd></p>
</body>
</html>

ফলাফল


<samp> এলিমেন্ট

এইচটিএমএল <samp> এলিমেন্ট এর মাধ্যমে কম্পিউটার সিস্টেম বা প্রোগ্রাম হতে নমুনা আউটপুট দেখানো হয়।

উদাহরণ

<!DOCTYPE html>
<html>
<head>
  <title>এইচটিএমএল samp এলিমেন্ট</title>
</head>
<body>
  <p>samp এলিমেন্ট কম্পিউটার প্রোগ্রামের নমুনা আউটপুট নির্দেশ করে।</p>
  <samp>
  demo.example.com login: Apr 12 09:10:17
  Linux 2.6.10-grsec+gg3+e+fhs6b+nfs+gr0501+++p3+c4a+gr2b-reslog-v6.189
  </samp>
</body>
</html>

ফলাফল

<code> এলিমেন্ট

এইচটিএমএল <code> এলিমেন্ট দ্বারা প্রোগ্রামিং কোডের কিছু অংশকে তুলে ধরা হয়।

উদাহরণ

<!DOCTYPE html>
<html>
<head>
  <title>এইচটিএমএল code এলিমেন্ট</title>
</head>
<body>
  <p>কিছু প্রোগ্রামিং কোডঃ</p>
  <code>
  var a = 5;
  var b = 6;
  document.getElementById("test").innerHTML = a * b;
  </code>
</body>
</html>

ফলাফল

উপরের ফলাফলে লক্ষ্য করলে দেখবেন যে, <code> এলিমেন্ট অতিরিক্ত হোয়াইটস্পেস বা সাদা অংশ এবং লাইনব্রেক সংরক্ষন করে না।

এই সমস্যা সমাধানের জন্য আপনি <code> এলিমেন্টকে <pre> এলিমেন্টের মধ্যে রাখতে পারেন।

উদাহরণ

<!DOCTYPE html>
<html>
<head>
  <title>এইচটিএমএল code এলিমেন্ট</title>
</head>
<body>
  <p>কিছু প্রোগ্রামিং কোডঃ</p>
  <pre>
	  <code>
	  var a = 5;
	  var b = 6;
	  document.getElementById("test").innerHTML = a * b;
	  </code>
  </pre>
</body>
</html>

ফলাফল


<var> এলিমেন্ট

এইচটিএমএল <var> এলিমেন্ট ভ্যারিয়েবলকে নির্দেশ করে।

এই ভ্যারিয়েবলটি গাণিতিক এক্সপ্রেশন বা প্রোগ্রামিং কনটেক্সটের ভ্যারিয়েবল হতে পারে।

উদাহরণ

<!DOCTYPE html>
<html>
<head>
  <title>এইচটিএমএল var এলিমেন্ট</title>
</head>
<body>
  <p>আইনস্টাইন লিখেছেনঃ <var>E</var> = <var>m</var><var>c</var><sup>2</sup></p>
</body>
</html>

ফলাফল


অধ্যায়ের সারাংশ

  1. ডকুমেন্টের কোড প্রদর্শনের জন্য এইচটিএমএল <code> এলিমেন্ট ব্যবহার করা হয়।
  2. কী-বোর্ড ইনপুট প্রদর্শনের জন্য এইচটিএমএল <kbd> এলিমেন্ট ব্যবহার করা হয়।
  3. কম্পিউটার কোড এর নমুনা আউটপুট দেখানোর জন্য এইচটিএমএল <samp> এলিমেন্ট ব্যবহার করা হয়।
  4. ভ্যারিয়েবল তৈরি করার জন্য এইচটিএমএল <var> এলিমেন্ট ব্যবহার করা হয়।