code এলিমেন্টস

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

এইচটিএমএলে ব্যবহারকারীর ইনপুট এবং কম্পিউটার কোড নির্ধারণের জন্য বেশ কয়েকটি উপাদান রয়েছে।

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<code>
x = 5;
y = 6;
z = x + y;
</code>
<code> x = 5; y = 6; z = x + y; </code>
<code> 
x = 5; 
y = 6; 
z = x + y; 
</code>

 

HTML <kbd> For Keyboard Input

কীবোর্ড ইনপুট সংজ্ঞায়িত করতে <kbd> উপাদান ব্যবহৃত হয়। ভিতরে থাকা সামগ্রীটি ব্রাউজারের ডিফল্ট মনোস্পেস (monospace) ফন্টে প্রদর্শিত হয়।

উদাহরণ হিসেবে একটি ডকুমেন্টে কীবোর্ড ইনপুট হিসাবে কিছু পাঠ্য সংজ্ঞায়িত করুন নিচের মতো কে

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<p> <kbd>Ctrl + S</kbd> চেপে ডকুমেন্ট টি সেভ করুন</p>
<p> <kbd>Ctrl + S</kbd> চেপে ডকুমেন্ট টি সেভ করুন</p>
<p> <kbd>Ctrl + S</kbd> চেপে ডকুমেন্ট টি সেভ করুন</p>

এবং এটি দেখতে নিচের মতো হবে

Ctrl + S চেপে ডকুমেন্ট টি সেভ করুন

HTML <samp> For Program Output

এইচটিএমএল <samp> উপাদান কম্পিউটার প্রোগ্রাম থেকে নমুনা আউটপুট সংজ্ঞায়িত করতে ব্যবহৃত হয়। ভিতরে থাকা সামগ্রীটি ব্রাউজারের ডিফল্ট মনোস্পেস (monospace) ফন্টে প্রদর্শিত হয়।

উদাহরণ হিসেবে একটি এইচটিএমএল ডকুমেন্টে কম্পিউটার প্রোগ্রাম থেকে নমুনা আউটপুট হিসাবে কিছু টেক্সটকে সংজ্ঞায়িত করুন:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<p>Message from my computer:</p>
<p><samp>File not found.<br>Press F1 to continue</samp></p>
<p>Message from my computer:</p> <p><samp>File not found.<br>Press F1 to continue</samp></p>
<p>Message from my computer:</p>
<p><samp>File not found.<br>Press F1 to continue</samp></p>

ফলাফল হিসেবে এটি নিচের মতো দেখাবে

Message from my computer:

File not found.
Press F1 to continue

HTML <code> For Computer Code

কম্পিউটার কোডের একটি অংশ সংজ্ঞায়িত করতে <code> এলিমেন্ট ব্যবহার করা হয়। ভিতরে থাকা সামগ্রীটি ব্রাউজারের ডিফল্ট মনোস্পেস(monospace) ফন্টে প্রদর্শিত হয়।

উদাহরণ হিসেবে একটি নথিতে কম্পিউটারের পাঠ্য হিসাবে কিছু টেক্সটি কে সংজ্ঞায়িত করুন:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<code>
x = 5;
y = 6;
z = x + y;
</code>
<code> x = 5; y = 6; z = x + y; </code>
<code>
x = 5;
y = 6;
z = x + y;
</code>

যা নিচের মতো করে ব্রাউজারে প্রদর্শিত হবে
x = 5; y = 6; z = x + y;
লক্ষ্য করুন যে <code> উপাদান অতিরিক্ত সাদা স্থান এবং লাইন ব্রেকগুলি সংরক্ষণ করে না। তবে আপনি চাইলে <pre> element এর মধ্যে নিয়ে সেটি সমাধান করে নিতে পারেন নিচের মতো করে ।

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<pre>
<code>
x = 5;
y = 6;
z = x + y;
</code>
</pre>
<pre> <code> x = 5; y = 6; z = x + y; </code> </pre>
<pre>
<code>
x = 5;
y = 6;
z = x + y;
</code>
</pre>

যা নিচের মতো করে ব্রাউজারে প্রদর্শিত হবে

x = 5; 
y = 6; 
z = x + y; 

HTML <var> For Variables

<var> উপাদান টি প্রোগ্রামিং বা গাণিতিক এক্সপ্রেশনের একটি ভ্যারিয়েবল সংজ্ঞায়িত করতে ব্যবহৃত হয়। বিষয়বস্তু ভিতরে সাধারণত তির্যক প্রদর্শন করা হয়।

উদাহরন

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<p>The area of a triangle is: 1/2 x <var>b</var> x <var>h</var>, where <var>b</var> is the base, and <var>h</var> is the vertical height.</p>
<p>The area of a triangle is: 1/2 x <var>b</var> x <var>h</var>, where <var>b</var> is the base, and <var>h</var> is the vertical height.</p>
<p>The area of a triangle is: 1/2 x <var>b</var> x <var>h</var>, where <var>b</var> is the base, and <var>h</var> is the vertical height.</p>

যা দেখতে নিচের মতো হবে

The area of a triangle is: 1/2 x b x h, where b is the base, and h is the vertical height.

অধ্যায় সামারি

  • <kbd> Keyboard input নির্দেশ করে ।
  • <samp> Computer Output নির্দেশ করে ।
  • <code>  Programming Code নির্দেশ করে ।
  • <var> Variable নির্দেশ করে ।
  • <pre> Preformatted text অর্থাৎআগেথেকেই ফরম্যাট করা আছে এমন টেক্সট নির্দেশ করে ।

কমেন্ট করুন

Your email address will not be published. Required fields are marked *