একজন দক্ষ ফ্রিল্যান্সার গড়ার লক্ষে দেশে এই প্রথম জাগোরিক নিয়ে এসেছে বাংলা এইচটিএমএল টিউটোরিয়াল আর্টিকেল যার এই পর্বে থাকছে এইচটিএমএল বোল্ড ও ইটালিক কোড এবং 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
এই এলিমেন্টগুলির কোন নিজের বিশেষ এট্রিবিউট নেই তবে যেকোন গ্লোবাল এট্রিবিউট ব্যবহার করা যাব
- আরও পড়ুনঃ বাংলা এইচটিএমএল টিউটোরিয়াল (Introduction: Part-1)
- আরও পড়ুনঃ এইচটিএমএল ট্যাগ ও এট্রিবিউট (Tag & Attribute: Part-2)
- আরও পড়ুনঃ এইচটিএমএল প্যারাগ্রাফ ও হেডিং (P tag & Heading: Part-3)
- আরও পড়ুনঃ এইচটিএমএল লিস্ট ও ফন্ট (HTML List & Font: Part-4)
- আরও পড়ুনঃ এইচটিএমএল লিংক ও এনটাইটিজ (Link & Entities: Part-5)
এইচটিএমএল কোড এবং 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 <ahref="http://www.google.com"target="_blank">2.<code>Google</code>3.</a> for4.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!
উক্ত বিষয় সম্পর্কে কিছু জানার থাকলে কমেন্ট করতে পারেন।
আমাদের সাথে ইউটিউব চ্যানেলে যুক্ত হতে এখানে ক্লিক করুন এবং আমাদের সাথে ফেইজবুক পেইজে যুক্ত হতে এখানে ক্লিক করুন।
গুরুত্বপূর্ণ আপডেট ও তথ্য পেতে আমাদের ওয়েবসাইটে ভিজিট করুন।
