HTML টিউটোরিয়াল: তৃতীয় পর্ব (Body এর অভ্যন্তরীন ট্যাগ পরিচিতি)

আজকের আলোচনা হবে প্যারাগারাফ ট্যাগ, বোল্ড ট্যাগ, ইটালিক ট্যাগ, আন্ডারলাইন ট্যাগ, ডিলিট ট্যাগ, ইন্সার্ট ট্যাগ সমূহ নিয়ে। তো চলুন-

প্যারাগারাফ ট্যাগ(<p></p>): এই ট্যাগের ভিতরে কোন লিখা লিখলে তা প্যারাগারাফ এর আকার ধরন করে। তাই একে প্যারাগারাফ ট্যাগ বলা হয়।

কিভাবে লিখতে হয় দেখুন- <p>This is Paragraph tag example</p>

বোল্ড ট্যাগ(<b></b>/<bold></bold>/<strong></strong>): এমএস ওয়ার্ডে আমরা যেভাবে কোন লিখাকে বোল্ড করি ঠিক তেমনি। কোন লিখাকে ওয়েব পেজে BOLD বা মোটা করতে হলে এমএস ওয়ার্ডের মত ctrl+b প্রেস করলেও হবে।

কিভাবে লিখতে হয় দেখুন- <b>This is BOLD tag example </b>

ইটালিক ট্যাগ(<i></i>): এমএস ওয়ার্ডে আমরা যেভাবে কোন লিখাকে Italic বা বাঁকা করি ঠিক তেমনি। কোন লিখাকে ওয়েব পেজে Italic বা বাঁকা করতে হলে এমএস ওয়ার্ডের মত ctrl+i প্রেস করলেও হবে।

কিভাবে লিখতে হয় দেখুন- <i>This is Italic tag example </i>

আন্ডারলাইন ট্যাগ(<u></u>): এমএস ওয়ার্ডে আমরা যেভাবে কোন লিখাকে Underline বা লিখার নিচে লাইন টানি ঠিক তেমনি। কোন লিখাকে ওয়েব পেজে Italic বা বাঁকা করতে হলে এমএস ওয়ার্ডের মত ctrl+u প্রেস করলেও হবে।

কিভাবে লিখতে হয় দেখুন- <u>This is Underline tag example </u>

ডিলিট ট্যাগ(<del></del>): মাঝে মাঝে আমরা অনেক ওয়েব সাইটে দেখি যে কোন একটি ওয়ার্ড বা বাক্যে বার্টিক্যালি মাঝ বড়াবর দাগ টানা থাকে। সাধারনত পন্যদ্রব্য এর কেনা বেচার সাইটে কোন পুরাতন লিখাকে/দাম কেটে নতুন লিখাকে/দাম অন্তর্ভক্ত করতেই এই ট্রাগের ব্যবহার।

কিভাবে লিখতে হয় দেখুন- একটি ওয়ার্ড <del>Delete</del> বা একটি বাক্য <del>This is Delete tag example</del>

ইন্সার্ট ট্যাগ(<ins></ins>): Delete ট্যাগ এর ঠিক উল্টো। পুরাতন লিখাকে কেটে নতুন লিখাকে অন্তুর্ভূক্ত করদেই এই ট্যাগ এর ব্যবহার। Insert ট্যাগটি নরমাল লিখার মতই। তাই ডিলিট ট্যাগ এর সাথে এটি না লিখলে বুঝতে পারা যায় না।

কিভাবে লিখতে হয় দেখুন- একটি ওয়ার্ড <ins>Insert</ins> বা একটি বাক্য <ins>This is Insert tag example </ins>

নোট প্যাডে লিখবেন যেভাবে-

<html>

<head>

<title>This is Tags Tutorial</title>

</head>

<body>

<p>This is Paragraph tag example</p>

<b>This is BOLD tag example </b> </br>

<i>This is Italic tag example </i> </br>

<u>This is Underline tag example </u> </br>

<del>Delete</del> <del>This is Delete tag example </del> </br>

<ins>Insert</ins>  <ins>This is Insert tag example </ins>

</body>

</html>

লিখাগুলো নোটপ্যাডে কপি পেষ্ট করে tag2.html ফরমেটে সেভ করুন। তার পর tag2.html ডকুমেন্টটি ডাবল ক্লিক করে ব্রাউজারে প্রদর্শণ করান। সমস্যা হয়ে জানাবেন।🙂

2 thoughts on “HTML টিউটোরিয়াল: তৃতীয় পর্ব (Body এর অভ্যন্তরীন ট্যাগ পরিচিতি)

মন্তব্য প্রদান করুন ...

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / পরিবর্তন )

Twitter picture

You are commenting using your Twitter account. Log Out / পরিবর্তন )

Facebook photo

You are commenting using your Facebook account. Log Out / পরিবর্তন )

Google+ photo

You are commenting using your Google+ account. Log Out / পরিবর্তন )

Connecting to %s