X

X

X

HTML এ কম্পিউটার কোড উপস্থাপণ


Computer Code

<code>
x = 5;<br>
y = 6;<br>
z = x + y;
</code>

নিজে নিজে চেষ্টা করুন বাটনে ক্লিক করে দেখুন এটি কিভাবে কাজ করে।


HTML : কিবোর্ড ইনপুট

এই ইলামেন্টটি সাধারণত কিবোর্ডের কমান্ড দেখানোর জন্য ব্যবহার করা হয়।
tag এর মাধ্যমে উপস্থাপিত লেখা সাধারণত browser এর default monospace font:

উদাহরণ

Ctrl + S একসাথে চেপে পেজটি সেভ করতে পারবেন।
Result:
Save the document by pressing Ctrl + S
নিজে নিজে চেষ্টা করুন »


HTML এ Program Output

HTML <samp></samp> element দিয়ে কম্পিউটার কোড ওয়েব পেজে উপস্থাপণ করা হয়।
<samp> tags দিয়ে উপস্থাপিত কন্টেন্ট সাধারণত ব্রাউজারের default monospace দ্বারা উপস্থাপিত হয়।

উদাহরণ

যদি ভুল কোড লিখেন তাহলে  <samp>Error!</samp> দেখাবে।
ফলাফল:
যদি ভুল কোড লিখেন তাহলে  Error! দেখাবে।

নিজে নিজে চেষ্টা করুন »


HTML এ Computer Code উপস্থাপণ

HTML <code> </code> দ্বারা কম্পিউটার প্রোগ্রামিং সোর্স কোড উপস্থাপণ করা হয়।
<code> tags দিয়ে উপস্থাপিত কন্টেন্ট সাধারণত ব্রাউজারের default monospace দ্বারা উপস্থাপিত হয়।

উদাহরণ

<code>
x = 5;
y = 6;
z = x + y;
</code>

ফলাফল:
x = 5; y = 6; z = x + y;

নিজে নিজে চেষ্টা করুন »

মনে রাখবেন, <code> element অতিরিক্ত লাইন ব্রেক এবং হোয়াইট স্পেস উপস্থাপণ করে না। এই সমস্যা দূর করার জন্য <pre> ইলামেন্ট এর ভেতরে <code> ইলামেন্ট লিখতে হবে।

উদাহরণ

<pre>
<code>
x = 5;
y = 6;
z = x + y;
</code>
</pre>

Result:

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

নিজে নিজে চেষ্টা করুন »


HTML এ Variable উপস্থাপণ

HTML <var></var> element দিয়ে variable উপস্থাপণ করা হয়। এটি ম্যাথমেটিকাল expression বা প্রোগ্রামিং কন্টেক্সট থেকে হতে পারে।

উদাহরণ

আইনস্টাইন সূত্রানুযায়ী:  <var>E</var> = <var>mc</var><sup>2</sup>.

ফলাফল:

আইনস্টাইন সূত্রানুযায়ী: E = mc2.

নিজে নিজে চেষ্টা করুন »


HTML Computer Code এ ব্যবহৃত ইলামেন্টসমূহ

ট্যাগ বর্ণনা
<code></code> কম্পিউটার কোড উপস্থাপণে ব্যবহৃত হয়।
<kbd></kbd> কিবোর্ড ইনপুট উপস্থাপণে ব্যবহৃত হয়।
<samp></samp> কম্পিউটার আউটপুট উপস্থাপণে ব্যবহৃত হয়।
<var></var> variable উপস্থাপণে ব্যবহৃত হয়।
<pre></pre< preformatted text উপস্থাপণে ব্যবহৃত হয়।