এইচটিএমএল কম্পিউটার কোড - HTML Computer Code



এইচটিএমএল এর কিছু এলিমেন্ট আছে যেগুলো ব্যবহার করে text এর স্টাইল সরাসরি পরিবর্তন করে কম্পিউটার স্টাইল এর মত করা যায়। এই এলিমেন্ট গুলোকে কম্পিউটার কোড বলে।


কম্পিউটার কোড

কম্পিউটার কোড

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




<kbd> - কিবোর্ড ইনপুট

<kbd> এলিমেন্ট কিবোর্ড ইনপুট বা ভয়েস কমান্ডের মত ব্যবহারকারীর ইনপুট স্টাইল দেখায়। <kbd> ট্যাগ দ্বারা ঘিরে থাকা টেক্সটটি সাধারণত ব্রাউজারের ডিফল্ট monospace ফন্টে প্রদর্শিত হয়।

উদাহরণ

<p>Save the document by pressing <kbd>Ctrl + S</kbd></p>



ফলাফল

Save the document by pressing Ctrl + S




<samp> -প্রোগ্রাম আউটপুট

<samp> এলিমেন্ট কোন প্রোগ্রাম বা কম্পিউটিং সিস্টেম থেকে প্রাপ্ত আউটপুট এর মত স্টাইল এর টেক্সট প্রদর্শন করে। <Samp> ট্যাগ দ্বারা ঘিরে থাকা টেক্সটটি সাধারণত ব্রাউজারের ডিফল্ট monospace ফন্টে প্রদর্শিত হয়।

উদাহরণ

<p>If you input wrong value, the program will return <samp>Error!</samp></p>



ফলাফল

If you input wrong value, the program will return Error!




<code> - কম্পিউটার কোড

<code> ট্যাগ কম্পিউটার কোড এর মত স্টাইল নির্ধারণ করে। <code> ট্যাগ দ্বারা ঘিরে থাকা টেক্সটটি সাধারণত ব্রাউজারের ডিফল্ট monospace ফন্টে প্রদর্শিত হয়।

উদাহরণ

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



ফলাফল

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



এখানে একটি বিষয় হল <code> এলিমেন্ট অতিরিক্ত কোন হোয়াইট স্পেস এবং লাইন ব্রেক সংরক্ষণ করে না। তাই এটা ঠিক করতে, একটি <pre> এলিমেন্টের ভিতরে <code> এলিমেন্ট রাখতে হবে।

উদাহরণ

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


ফলাফল

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




<var> - ভেরিয়েবল এর জন্য

<var> ট্যাগ ভেরিয়েবল নির্ধারণ করে। variable হতে পারে একটি গাণিতিক এক্সপ্রেশন বা প্রোগ্রামিং context

উদাহরণ

Einstein wrote: <var>E</var> = <var>mc</var><sup>2</sup>.


ফলাফল

Einstein wrote: E = mc2.




কম্পিউটার কোড আউটপুট এলিমেন্ট

ট্যাগ বর্ণনা
<code> computer code স্টাইলের টেক্সট তৈরি করে।
<kbd> keyboard স্টাইলের টেক্সট নির্ধারণ করে।
<samp> sample computer code স্টাইলের টেক্সট নির্ধারণ করে।
<tt> teletype স্টাইলের টেক্সট নির্ধারণ করে।
<var> variable স্টাইলের টেক্সট নির্ধারণ করে।
<pre> preformatted স্টাইলের টেক্সট নির্ধারণ করে।







এই ওয়েব সাইট এর সমস্ত টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদি খুব সহজ ও সাধারণ ভাবে তৈরি করা হয়েছে। টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদির ভুল পরিহার করার জন্য বার বার যাচাই করা হয়েছে, কিন্তু আমরা এর পূর্ণ নিশ্চয়তা ও দায়ভার বহন করি না। যখন আপনি এই সাইটটি ব্যবহার করেন, আমরা ধরে নেই যে আপনি পড়েছেন এবং সম্মত আছেন আমাদের টার্মস অফ ইউস (Terms of use) এবং প্রাইভেসি পলিসি( Privacy policy) সম্পর্কে।

Copyright 2016-2018 by websschool.com, All Rights Reserved.