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

1
353 বার দেখা হয়েছে।

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

প্যারাগারাফ ট্যাগ(<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 ডকুমেন্টটি ডাবল ক্লিক করে ব্রাউজারে প্রদর্শণ করান। সমস্যা হয়ে জানাবেন। 🙂

Series Navigation<< সিএসএস টিউটোরিয়ালঃ ১৫তম পর্ব(Custom List)HTML টিউটোরিয়াল: পঞ্চম পর্ব (Body এর অভ্যন্তরীন ট্যাগ পরিচিতি) >>
Print Friendly, PDF & Email

1 COMMENT

  1. lesson is good.learn more facts using this,thanks

    but,

    <del>Delete</del> <del>This is Delete tag example </del> </br> correct is : <br>
    আন্ডারলাইন ট্যাগ(<u></u>): এমএস ওয়ার্ডে আমরা যেভাবে কোন লিখাকে Underline বা লিখার নিচে লাইন টানি ঠিক তেমনি। কোন লিখাকে ওয়েব পেজে Italic বা বাঁকা করতে হলে এমএস ওয়ার্ডের মত ctrl+u প্রেস করলেও হবে।(sentence have some writing mistake)

    jashimnur(skype name)

LEAVE A REPLY

Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.