আস্-সালামু আলায়কুম,

Basic HTML ২য় পর্বে স্বগতম,
গত পর্বে আমরা প্রগ্রাম রান করে ছিলাম, আর ট্যাগ এর ব্যাপারে কথা বলে ছিলাম, আমরা আজ কিছু ট্যাগ এর ব্যবহার শিখব। ত বন্ধুরা চল শরু করি।
মনে আছে প্রোগ্রাম  কোথায় লেখব বলে বলেছিলাম, body TAG এর ভিতরে।
কিন্তু আমি তোমাদের সরাসরি লেখে দেখাব, কারন বারবার একই লেখা লেখলে টিউন দেখতে ভাল দেখাবে না।
##অনেক গুলো ট্যাগ আছে, তার মধ্য থেকে প্রয়োজনীয় কিছু ট্যাগ এর ব্যবহার দেখাব। কপি করে তোমার Notepad এ রাখবে এবং সেভ দিয়ে রান করে দেখবে কাজ করে কি না।

* <সিঙ্গের ট্যাগ/>
* <ডাবল ট্যাগ/> <ডাবল ট্যাগ/>

BODY TAG এর ভিতর

১. 

# Comment TAG, এখনে যাই লেখ না কেন, কোন কিছুই ব্রাউজার এ দেখাবেনা।

২.

#Anchor Tags ব্যবহার হয় কোন কিছুর লিঙ্ক (hyperlinks) দেওয়ার জন্য, এখানে href : Hypertext REFerence. পরে সমান চিহ্ন দিয়ে ডাবল কোটেশন “ # ” এর ভিতর তোমার লিঙ্ক টা দিতে হবে। ব্রাউজার এ শধু Visit Site দেখাবে। এবং এর উপর ক্লিক করলে তোমাকে কংখিত সাইট এ নিয়ে যাবে।

৩.
Hello Tech BD is Your Engineering Partner,
</b>Hello Tech BD is Your Engineering Partner,</b>
#bold tag লেখা মোটা করার জন্য ব্যবহার হয়।

৪.
<h1>Heading h1 Hello Tech BD</h1>
<h2>Heading h2 Hello Tech BD</h2>
<h3>Heading h3 Hello Tech BD</h3>
<h4>Heading h4 Hello Tech BD</h4>
<h5>Heading h5 Hello Tech BD</h5>
<h6>Heading h6 Hello Tech BD</h6>
#Heading  ট্যাগ ব্যবহার হয় লেখা বড় আকারে দেখানো জন্য।

৫.
<h1>Heading h1 Hello Tech BD</h1></br>
<h2>Heading h2 Hello Tech BD</h2>
<h3>Heading h3 Hello Tech BD</h3><br>
<h4>Heading h4 Hello Tech BD</h4><br/>
<h5>Heading h5 Hello Tech BD</h5></br>
<h6>Heading h6 Hello Tech BD</h6>
 #Break Tag ইহা ব্যবহার করা হয়  এক লাইন কে অন্য লাইনের নিচে দেখানোর জন্য, দু জায়গাহ তে ব্যবহার কারেনি দেখ কি দেখায় আউটপুটে.

৬.
<p>My first paragraph.  Hello Tech BD is Your Engineering Partner,  Hello Tech BD is Your Engineering Partner,   Hello Tech BD is Your Engineering Partner,   Hello Tech BD is Your Engineering Partner, </p><p>My first paragraph.  Hello Tech BD is Your Engineering Partner,  Hello Tech BD is Your Engineering Partner,   Hello Tech BD is Your Engineering Partner,   Hello Tech BD is Your Engineering Partner,  </p>
<p>My first paragraph.  Hello Tech BD is Your Engineering Partner,   </p> <p>My first paragraph.  Hello Tech BD is Your Engineering Partner,  Hello Tech BD is Your Engineering Partner,   Hello Tech BD is Your Engineering Partner,   Hello Tech BD is Your Engineering Partner, </p>My first paragraph.  Hello Tech BD is Your Engineering Partner,  Hello Tech BD is Your Engineering Partner,   Hello Tech BD is Your Engineering Partner,   Hello Tech BD is Your Engineering Partner,  </p>
#paragraph Tag এখানে প্যারা আকার সব লেখা দেখাবে, </br> ট্যাগ ব্যবহার করা হয়নি তার পারও এক প্যারা থেকে অন্য প্যারা আলাদা নিচে দেখাবে।

৭.
<p>My first paragraph. <mark> Hello Tech BD is Your Engineering Partner,</mark>Your Engineering Partner,  Hello Tech BD is Your Engineering Partner,   Hello Tech BD is Your Engineering Partner,   Hello Tech BD is Your Engineering Partner, </p><strong>
#Marking Tag লেখাকে মার্ক করার জন্য <mark> ব্যবহার হয়

৮.
<p>My first paragraph. <strong> Hello Tech BD is Your Engineering Partner,</strong>Your Engineering Partner,  Hello Tech BD is Your Engineering Partner,   Hello Tech BD is Your Engineering Partner,   Hello Tech BD is Your Engineering Partner, </p>del
#Important Tag লেখাকে অন্য লেখা থেকে আলাদা করার জন্য strong ব্যবহার হয়।

৯.
<p> My Companny Name is <del>Honno Tech BD</del>Hello Tech BD </p>
#Delete Tag কোন লেখাকে কাটা দেখানোর জন্য </del> ব্যবহার হয়।

৯.
<p> My Companny Name is: <i>Honno Tech BD</i> </p>
#ItalicTag কোন লেখাকে বাকা দেখানোর জন্য </Italic> ব্যবহার হয়।

১০.

#embed, iframe ট্যাগ   তোমার ওয়েব সাইট এ ভিতর অন্য সাইট বা কোন কিছু দেখাতে চাইলে ব্যবহার করেত হয়। দুটি একই কাজ করে,

১১.

#img ট্যাগ   তোমার ওয়েব সাইট এ ছবি দেখাতে চাইলে ব্যবহার করেত হয়। এখানে অবশ্যয় ছবির নাম হবে এবং  Extension হবে,  তুমি যে ছবি  ব্যাহার করেব সে নামটা ডাবল কোটেশন এর ভিতর হবে। "hello.jpg"

১২.

<ol>
<li>hello</li>
<li>Tech</li>
<li>BD</li>
</ol>

<ul>
<li>hello</li>
<li>Tech</li>
<li>BD</li>
</ul>

<li><input type="checkbox" />checkbox</li>
<li><input type="radio" />radio</li>
<li><input type="button" />button</li>
<li><input type="password" />password</li>
<li><input type="search" />search</li>
<li><input type="submit" />submit</li>
<li><input type="image" />image</li>
<li><input type="email" />email</li>
<li><input type="file" />file</li>
<li><input type="color" />color</li>

#ul li ol input ট্যাগ, Order line: ol এখানে li  গুলো নাম্বার আকারে প্রকাশ পাবে। list item:li  এখানে li  গুলো লিষ্ট আকারে প্রকাশ পাবে। l un order line:ul.. প্রজেক্টে এ বুঝবে। input: গুলো নোট প্যাডে ওপেন কর আর মজা কর।

HEAD TAG এর ভিতর

১৩.
<title>Hello Tech BD</title>

#title ট্যাগ ইহা ব্যবহার করা হয় কোন ওয়েব এর টাইটেল দেয়ার জন্য, আর টাইটেল এ আগে যে ইমেজটি দেখা যচ্ছে, তা হল fabicon, দেওয়ার কোড হল,

প্রজেক্ট এ দেখবে
##(fabicon  size 14*14 px)

১৪.
#link ট্যাগ  ব্যবহার করা হয় .css এর সাথে কানেক্ট করার জন্য, প্রজেক্ট এ দেখবে

১৫.
<div>
<h3>Hello Tech BD is Your Engineering Partner</h3>
<p>Hello Tech BD is Your Engineering Partner</p>
</div>

<section>
<h3>Hello Tech BD is Your Engineering Partner</h3>
<p>Hello Tech BD is Your Engineering Partner</p></section>
#div section ট্যাগ প্রজেক্ট এ দেখবে

HEAD TAG ও  BODY TAG এর ভিতর
 

<style>for css </style>