How to learn কোড ও প্রি ট্যাগ in Html | SP Foundationbd

code tag এর মাধ্যমে আপনার text কে computer code এর মত করে লেখতে পারেন। এটা সাধারন ভাবে text এর  font face, size, এবং letter spacing পরিবর্তন করতে পারে।

This text has been formatted to be computer <code>code</code>!

প্রদর্শন: Computer Code

This text has been formatted to be computer code!

Use this tag to separate any computer code you wish to display on your website. It is not always necessary, but the tag exists if you so desire.

HTML - Code Links

পৃথক link হিসাবে আপনার web page এ দেখাতে পারেন।

<p>Feel free to search <a href="http://www.google.com" target="_blank">

<code>Google</code>

</a> for

anything you wish to find on the internet.</p>

 প্রদর্শন: Code Links:

Feel free to search Google for anything you wish to find on the internet.

 HTML - <pre> Preformatting

<pre> tag এর সুবিধা হল HTML coding এর সময় যেভাবে আমরা লাইন ব্রেক, স্পেস নির্দেশ করে দিবো ঠিক সেভাবে টেক্সট প্রদর্শিত হবে।অর্থ্যাৎ যেভাবে কোড লিখবেন সেভাবেই আউটপুট দেখাবে।

<pre>

Roses are Red,

এখানে কয়েকটা স্পেস আছেViolets are blue,

I may sound crazy,

এখানে কয়েকটা স্পেস আছেBut I love you!

</pre>

প্রদর্শন:

Roses are Red,

     Violets are blue,I may sound crazy,     But I love you!

 

স+স+স

<p>This text is <sup>superscripted!</sup></p>

প্রদর্শন: Superscript:

This text is superscripted!

 

HTML – Exponents

অংকে exponential ব্যবহার করা জন্য <sup> tag ব্যবহার করতে হয়।

2<sup>3</sup> = 8

14<sup>x</sup>

প্রদর্শন: Exponents:

23 = 8
14x

 

HTML – ফুটনোট:

উপন্যাস বা প্রবন্ধে দেখা যায় কোন লেখার reference দেয়ার জন্য <sup> tag ব্যবহার হয় যা ফুটনোটকে নির্দেশ করে।

<p>"It was a lover's tryst<sup>1</sup>."

<hr />

  1. Secret meeting between lovers

 

প্রদর্শন: Footnote

"It was a lover's tryst1."

  1. Secret meeting between lovers

HTML -Subscript

<p>This text is <sub>subscripted!</sub></p>

প্রদর্শন:

This text is subscripted!

<p>H<sub>2</sub>0 - Water

<p>O<sub>2</sub> - Oxygen

<p>CO<sub>2</sub> - Carbon Dioxide

 

প্রদর্শন:

H2O - Water
O2 - Oxygen
CO2 - Carbon Dioxide

HTML – Strikethrough

<del> tag এর মাধ্যমে কোন লেখাকে ক্রস দেওয়া যায়।

<p>This text is <del>scratched</del> out!</p>

 

প্রদর্শন: Strikethrough

This text is  out!

HTML - Check Off Task:

<ol>

<li>Clean my room</li>

<li><del>Cook Dinner</del></li>

<li><del>Wash Dishes</del></li>

</ol>

প্রদর্শন:

  1. Clean my room
  2.  
  3.