Tuesday, February 21, 2017

এইচটিএমএল কোড ও pre ট্যাগ এবং সুপারস্ক্রিপ্ট,সাবস্ক্রিপ্ট,স্ট্রাইকথ্রো (HTML Code & Pre)

এইচটিএমএল কোড এবং pre ট্যাগ (HTML Code & Pre)

HTML Code & Precode tag এর মাধ্যমে আপনার text কে computer code এর মত করে লেখতে পারেন। এটা সাধারন ভাবে text এর  font face, size, এবং letter spacing পরিবর্তন করতে পারে।http://w3bay.com
This text has been formatted to be computer <code>code</code>!http://w3bay.com

HTML - Code Links
পৃথক link হিসাবে আপনার web page এ দেখাতে পারেন।
<p>Feel free to search <a href="http://www.google.com" target="_blank">http://w3bay.com
<code>Google</code>
</a> for
anything you wish to find on the internet.</p>

HTML - <pre> Preformatting
<pre> tag এর সুবিধা হল HTML coding এর সময় যেভাবে আমরা লাইন ব্রেক, স্পেস নির্দেশ করে দিবো ঠিক সেভাবে টেক্সট প্রদর্শিত হবে।অর্থ্যাৎ যেভাবে কোড লিখবেন সেভাবেই আউটপুট দেখাবে।
Roses are Red,
এখানে কয়েকটা স্পেস আছে         Violets are blue,
I may sound crazy,
এখানে কয়েকটা স্পেস আছে         But I love you!


এইচটিএমএল সুপারস্ক্রিপ্ট,সাবস্ক্রিপ্ট,স্ট্রাইকথ্রো

<p>This text is <sup>superscripted!</sup></p>
HTML – Exponents
অংকে exponential ব্যবহার করা জন্য <sup> tag ব্যবহার করতে হয়।
2<sup>3</sup> = 8http://w3bay.com
14<sup>x</sup>


HTML – ফুটনোট:
উপন্যাস বা প্রবন্ধে দেখা যায় কোন লেখার reference দেয়ার জন্য <sup> tag ব্যবহার হয় যা ফুটনোটকে নির্দেশ করে।http://w3bay.com
<p>"It was a lover's tryst<sup>1</sup>."
1. Secret meeting between lovers
HTML -Subscript
<p>This text is <sub>subscripted!</sub></p>
<p>H<sub>2</sub>0 - Water
<p>O<sub>2</sub> - Oxygenhttp://w3bay.com
<p>CO<sub>2</sub> - Carbon Dioxide
HTML – Strikethrough
<del> tag এর মাধ্যমে কোন লেখাকে ক্রস দেওয়া যায়
<p>This text is <del>scratched</del> out!</p>
HTML - Check Off Task:
<ol>
<li>Clean my room</li>http://w3bay.com
<li><del>Cook Dinner</del></li>
<li><del>Wash Dishes</del></li>

Related Posts:

  • What is HTML? এইচটিএমএল কি? এইচটিএমএল (HTML) এর অর্থ হচ্ছে Hyper Text Markup Language.এটা কোন প্রোগ্রামিং ল্যাংগুয়েজ নয়,মার্কআপ ল্যাংগুয়েজ। ওয়েব ডেভেলপার হতে হলে এই ল্যাংগুয়েজ টি সবার আগে ভালভাবে শিখতে হবে।তবে এটা শেখা খুব সহজ। এটা শিখলেই আপনি এক… Read More
  • What is Web Design? ওয়েব ডিজাইন কি? ওয়েব ডিজাইন হচ্ছে একটা ওয়েবসাইটের জন্য বাহ্যিক অবয়ব তৈরী করা।ওয়েব ডিজাইনারের মুল কাজ একটা সাইটের জন্য টেমপ্লেট বানানো,এখানে কোন এপ্লিকেশন থাকবেনা।যেমন লগিন সিস্টেম, নিউজলেটার সাইনআপ, পেজিনেশন, ফাইল আপলোড করে ডেটাবেসে স… Read More
  • Freelancing on the future of web development and career? ওয়েব ডেভেলপমেন্ট এর ভবিষ্যত এবং ফ্রিল্যান্সিং এ ক্যারিয়ার? ওয়েব ডেভেলপমেন্ট  হচ্ছে ওয়েবসাইটের জন্য এপ্লিকেশন তৈরী করা। উপরে যে এপ্লিকেশনগুলির উল্লেখ করেছি এধরনের আরো হাজারো এপ্লিকেশন আছে, ওয়েব ডেভেলপারকে এসব এপ্লিকেশন তৈরী করতে হবে।যদি ফ্রিল্যান্সিং করেন তাহলে ক্লাইন… Read More
  • (HTML Attribute Totorial (এইচটিএমএল এট্রিবিউট টিউটোরিয়াল) এইচটিএমএল এট্রিবিউট (HTML Attribute) ট্যাগ কে সম্প্রসারন করার জন্য এট্রিবিউট ব্যবহার করা হয়। ধরুন যদি আমরা একটি টেবিল তৈরী করি তবে attributes ব্যাবহার করে টেবিল এর প্রস্থ, উচ্চতা ঠিক করতে পারি। আর attributes value দিয়ে ট… Read More
  • HTML Body Tutorial (এইচটিএমএল বডি টিউটোরিয়াল) Add caption এইচটিএমএল বডি (HTML Body) Body tag যা web page এর সকল element ধারন করে। Tables, Lists, Forms, paragraph element গুলোকে Body element এর মধ্যে রাখতে হয়।http://w3bay.com HTML - Body Margins: Attributes Le… Read More

0 comments:

Post a Comment

All Time Most Readable Post

Featured Post

Basic SEO Tutorial for Beginners, Basic SEO Tutorial. শিক্ষানবিশদের জন্য বেসিক এসইও টিউটোরিয়াল?

Basic SEO Tutorial for Beginners Though some try to categorise  SEO  as a science, the reality is that SEO is as much art as it is sc...

onpage seo