এইচটিএমএল বোল্ড ও ইটালিক কোড এবং pre ট্যাগ (Part-11)

একজন দক্ষ ফ্রিল্যান্সার গড়ার লক্ষে দেশে এই প্রথম জাগোরিক নিয়ে এসেছে বাংলা এইচটিএমএল টিউটোরিয়াল আর্টিকেল যার এই পর্বে থাকছে এইচটিএমএল বোল্ড ও ইটালিক কোড এবং pre ট্যাগ সম্পর্কে বিস্তারিত।

এটি হচ্ছে বাংলা এইচটিএমএল টিউটোরিয়াল Part-11 এরই ধারাবাহিকতায় আমরা HTML এর সম্পূর্ণ সিরিজ শেষ করার চেষ্টা করব। সকল পর্বের টিউটোরিয়াল এখানে ক্লিক করলে পেয়ে যাবেনঃ এইচটিএমএল টিউটোরিয়াল

 

এইচটিএমএল বোল্ড ও ইটালিক কোড এবং pre ট্যাগ (Part-11)

এইচটিএমএল বোল্ড এবং ইটালিক ( HTML Bold & Italic ) :

বোল্ড (bold)

এইচটিএমএল ডকুমেন্টে কোন লেখা গাঢ় (বোল্ড) করে দেখানোর দরকার হলে <b></b> ব্যবহার করা হয়। body এলিমেন্টের ভিতর যেকোন এইচটিএমএল এলিমেন্টের অভ্যন্তরে b ট্যাগ ব্যবহার করা যায়।

যেমন

1.<p><b>Jagorik</b> is the largest <b>Bengali</b> tutorial site to learn Web Development</p>

প্রদর্শন:

Jagorikis the largest Bengali tutorial site to learn Web Development

b ট্যাগের পরিবের্তে strong নামে আরেকটি ট্যাগ ব্যবাহর করা যায়, একই কাজ শুধু পার্থক্য হল SEO তে। strong বেশি SEO friendly

ইটালিক টেক্সট

<i></i> ট্যাগ দিয়ে বাকানো বা ইটালিক টেক্সট দেখানো যায়। যেমন

1.<p><i>Jagorik</i> is the largest  <i>Bengali</i> tutorial site to learn Web  Development</p>

প্রদর্শন:

Jagorikis the largest Bengali tutorial site to learn Web Development

i ট্যাগের পরিবর্তে em নামে একটা ট্যাগ আছে ব্যবহার করতে পারেন, একই কাজ।

একসাথে এগুলি ব্যবহার করতে পারেন।

এইচটিএমএল বোল্ড ও ইটালিক কোড এবং pre ট্যাগ –

1.<p><b>Jagorik</b> is the largest   <strong>Bengali</strong> tutorial site to learn <i>Web   Development</i></p>

প্রদর্শন

Jagorikis the largest Bengali tutorial site to learn Web Development

এই এলিমেন্টগুলির কোন নিজের বিশেষ এট্রিবিউট নেই তবে যেকোন গ্লোবাল এট্রিবিউট ব্যবহার করা যাব



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

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

1.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 এ দেখাতে পারেন।

1.<p>Feel free to search <a href="http://www.google.com" target="_blank">
2.<code>Google</code>
3.</a> for
4.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 এর সময় যেভাবে আমরা লাইন ব্রেক, স্পেস নির্দেশ করে দিবো ঠিক সেভাবে টেক্সট প্রদর্শিত হবে।অর্থ্যাৎ যেভাবে কোড লিখবেন সেভাবেই আউটপুট দেখাবে।

1.<pre>
2.Roses are Red,
3.এখানে কয়েকটা স্পেস আছেViolets are blue,
4.I may sound crazy,
5.এখানে কয়েকটা স্পেস আছেBut I love you!
6.</pre>

প্রদর্শন:

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


উক্ত বিষয় সম্পর্কে কিছু জানার থাকলে কমেন্ট করতে পারেন।
আমাদের সাথে ইউটিউব চ্যানেলে যুক্ত হতে এখানে ক্লিক করুন এবং আমাদের সাথে ফেইজবুক পেইজে যুক্ত হতে এখানে ক্লিক করুন।
গুরুত্বপূর্ণ আপডেট ও তথ্য পেতে আমাদের ওয়েবসাইটে ভিজিট করুন।

Check Also

এইচটিএমএল বডি ও ডিভ

এইচটিএমএল বডি ও ডিভ (HTML Body & Div: Part-10)

একজন দক্ষ ফ্রিল্যান্সার গড়ার লক্ষে দেশে এই প্রথম জাগোরিক নিয়ে এসেছে বাংলা এইচটিএমএল টিউটোরিয়াল আর্টিকেল …

Leave a Reply

Your email address will not be published. Required fields are marked *