HTML Computer Code Elements
HTML ব্যবহারকারীর ইনপুট এবং কম্পিউটার কোড সংজ্ঞায়িত করার জন্য বিভিন্ন উপাদান নিয়ে গঠিত।
Example
HTML Code:
<code>
x = 5;
y = 6;
z = x + y;
</code>Output:
x = 5;
y = 6;
z = x + y;
HTML <kbd> For Keyboard Input
HTML <kbd>উপাদান কীবোর্ড ইনপুট সংজ্ঞায়িত করতে ব্যবহার করা হয়. ভিতরের বিষয়বস্তু ব্রাউজারের ডিফল্ট মনোস্পেস ফন্টে প্রদর্শিত হয়।
Example
কীবোর্ড ইনপুট হিসাবে একটি নথিতে কিছু পাঠ্য সংজ্ঞায়িত করুন:
HTML Code:
<p>Save the document by pressing <kbd>Ctrl + S</kbd></p>Result:
Save the document by pressing Ctrl + S
ব্যবহার নোট:
<kbd>কীবোর্ড কমান্ড, শর্টকাট এবং ব্যবহারকারীর ইনপুট প্রদর্শন করতে উপাদানটি ব্যবহার করুন।
HTML <samp> For Program Output
HTML <samp>উপাদান একটি কম্পিউটার প্রোগ্রাম থেকে নমুনা আউটপুট সংজ্ঞায়িত করতে ব্যবহার করা হয়. ভিতরের বিষয়বস্তু ব্রাউজারের ডিফল্ট মনোস্পেস ফন্টে প্রদর্শিত হয়।
Example
একটি কম্পিউটার প্রোগ্রাম থেকে নমুনা আউটপুট হিসাবে একটি নথিতে কিছু পাঠ্য সংজ্ঞায়িত করুন:
HTML Code:
<p>Message from my computer:</p>
<p><samp>File not found.<br>Press F1 to continue</samp></p>Result:
Message from my computer:
File not found.
Press F1 to continue
HTML <code> For Computer Code
HTML <code>উপাদান একটি কম্পিউটার কোড সংজ্ঞায়িত করতে ব্যবহৃত হয়. ভিতরের বিষয়বস্তু ব্রাউজারের ডিফল্ট মনোস্পেস ফন্টে প্রদর্শিত হয়।
Example
কম্পিউটার কোড হিসাবে একটি নথিতে কিছু পাঠ্য সংজ্ঞায়িত করুন:
HTML Code:
<code>
x = 5;
y = 6;
z = x + y;
</code>Result:
x = 5;
y = 6;
z = x + y;
দ্রষ্টব্য:
<code>উপাদান অতিরিক্ত সাদা স্থান এবং লাইন-ব্রেক সংরক্ষণ করে না।
Preserve Line-Breaks
অতিরিক্ত সাদা স্থান এবং লাইন-ব্রেক সংরক্ষণ করতে,<code>অঙ্গ<pre>উপাদানের ভিতরে স্থাপন করা যেতে পারে:
Example
HTML Code:
<pre>
<code>
x = 5;
y = 6;
z = x + y;
</code>
</pre>Result:
x = 5;
y = 6;
z = x + y;শিখুন:
<pre>উপাদানটি পূর্বনির্ধারিত পাঠ্যকে সংজ্ঞায়িত করে যা ফন্ট এবং সাদা স্থানের সমস্ত বিন্যাস সংরক্ষণ করে।
HTML <var> For Variables
HTML <var>প্রোগ্রামিং বা গাণিতিক অভিব্যক্তিতে একটি পরিবর্তনশীল সংজ্ঞায়িত করতে উপাদান ব্যবহার করা হয়। ভিতরের বিষয়বস্তু সাধারণত তির্যকভাবে প্রদর্শিত হয়।
Example
একটি নথিতে ভেরিয়েবল হিসাবে কিছু পাঠ্য সংজ্ঞায়িত করুন:
HTML Code:
<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>Result:
The area of a triangle is: 1/2 x b x h, where b is the base, and h is the vertical height.
Chapter Summary
| Element | Description | Example |
|---|---|---|
<kbd> |
কীবোর্ড ইনপুট সংজ্ঞায়িত করে | Ctrl + S |
<samp> |
একটি কম্পিউটার প্রোগ্রাম থেকে নমুনা আউটপুট সংজ্ঞায়িত করে | File not found |
<code> |
সিস্টেম কোড সংজ্ঞায়িত করে | print("Hello") |
<var> |
প্রোগ্রামিং বা গণিতে একটি পরিবর্তনশীল সংজ্ঞায়িত করে | x = 10 |
<pre> |
পূর্বনির্ধারিত পাঠ্য সংজ্ঞায়িত করে | সুরক্ষিত বিন্যাস |
HTML Tag Reference:
সমস্ত উপলব্ধ HTML ট্যাগের সম্পূর্ণ তালিকার জন্য আমাদের HTML ট্যাগ রেফারেন্স দেখুন।
Exercise
আপনার জ্ঞান পরীক্ষা করতে নিম্নলিখিত অনুশীলন চেষ্টা করুন:
নিচের কোনটি HTML উপাদান নয়?
HTML Computer Code Elements
| Tag | Description | Usage |
|---|---|---|
<code> |
প্রোগ্রামিং কোড সংজ্ঞায়িত করে | কম্পিউটার কোড এবং প্রোগ্রামিং এলাকা |
<kbd> |
কীবোর্ড ইনপুট সংজ্ঞায়িত করে | কীবোর্ড কমান্ড এবং শর্টকাট |
<samp> |
সিস্টেম আউটপুট সংজ্ঞায়িত করে | প্রোগ্রাম আউটপুট এবং সিস্টেম বার্তা |
<var> |
একটি পরিবর্তনশীল সংজ্ঞায়িত করে | প্রোগ্রামিং এবং গণিত ভেরিয়েবল |
<pre> |
পূর্বনির্ধারিত পাঠ্য সংজ্ঞায়িত করে | সাদা স্থান এবং ফর্ম সংরক্ষণ করতে |
ব্যবহারের টিপ:
এই উপাদানগুলি ব্যবহার করা আপনার কোডকে অর্থবহ এবং অ্যাক্সেসযোগ্য করে তোলে। এগুলো সার্চ ইঞ্জিনকে সূচক গঠন প্রদান করে।
সর্বোত্তম অনুশীলন
<code>, কীবোর্ড ইনপুটের জন্য<kbd>, ভেরিয়েবলের জন্য<var>হিসাবে ব্যবহার করুন<code>সঙ্গে<pre>ব্যবহার করুন<code>শুধুমাত্র উপাদান CSS ব্যবহার করবেন না