আসুন শিখি HTML,তাও বাংলায় [পর্ব-৭]

4 96

কেমন আছেন সবাই।আশা করি সবাই ভাল আছেন।

আজকে আমি আপনাদের সাথে html এর একটি বেসিক জিনিষ নিয়ে আলোচোনা করব।সাথে থাকুন।

আজকে আমি font সংক্রান্ত বিভিন্ন ট্যাগ নিয়ে আলোচোনা করব।মানে font এর আকার,আকৃতি,ধরন এসবের নানা ট্যাগ নিয়ে আলোচোনা করব।

bold ট্যাগঃ

এই ট্যাগ ব্যাবহার করলে আপনার লাইন এর অক্ষরগুলো গাঢ় দেখাবে।এই ট্যাগ এর  নিয়ম হচ্ছে <b>……………………………….</b>

italic ট্যাগঃ

এই ট্যাগ ব্যাবহার করলে লাইন এর অক্ষরগুলো একটু বাকা দেখাবে।এই ট্যাগ এর নিয়ম হচ্ছে <i>…………………………..</i>

blink ট্যাগঃ

এই ট্যাগ ব্যাবহার করলে আপনার লাইন এর অক্ষরগুলো জলা-নেভা করবে।এই ট্যাগ ব্যাবহার করার নিয়ম হচ্ছে <blink>………………..</blink>

emphasis ট্যাগঃ

ধরুন আপনি একটা লাইন এর অক্ষরগুলো ইতালিক বাকা অক্ষরে লিখবেন,কিন্তু গাঢ় তখন আপনাকে emphasis ট্যাগ ব্যাবহার করতে হবে।এই ট্যাগ ব্যাবহার করার নিয়ম হচ্ছে <em>…………………</em>

strong ট্যাগঃ

অনেকে একটা লাইন এর অক্ষরগুলো গাঢ় করার জন্য bolt ট্যাগ এর বদলে strong ট্যাগ ব্যাবহার করে।এই ট্যাগ এর নিয়ম হচ্ছে <strong>……………………</strong>

underline ট্যাগঃ

এই ট্যাগ ব্যাবহার করে কোন লেখার নিচে দাগ দেওয়া হয়।এই ট্যাগ এর নিয়ম হচ্ছে <u>………………..</u>

strike ট্যাগঃ

এই ট্যাগ এর ব্যাবহার underline ট্যাগ এর মত।লেখার নিচে দাগ দেওয়ার জন্য এই ট্যাগ ব্যাবহার করা হয়।এই ট্যাগ এর নিয়ম হচ্ছে <strike>………………</strike>

big ট্যাগঃ

এই ট্যাগ ব্যাবহার করলে লাইনটির অক্ষরগুলো বড় দেখাবে। এই ট্যাগ এর নিয়ম হচ্ছে <big>……………………..</big>

small ট্যাগঃ

এই ট্যাগ ব্যাবহার করলে একটা লাইন এর অক্ষরগুলো ছোট দেখায়। এই ট্যাগ এর নিয়ম হচ্ছে <small>……………..</small>

type writer ট্যাগঃ

এই ট্যাগ ব্যাবহার করলে ওই লাইন এর অক্ষরগুলো আগেরকার আমলের টাইপ রাইটার মেশিন এর অক্ষরের মত দেখাবে। এই ট্যাগ এর নিয়ম হচ্ছে <tt>………………..</tt>

subscript ট্যাগঃ

একটি লাইন এর কোন অক্ষরকে বা কোন অংশকে একঘর নিচে নামানোর দরকার হয় তখন এই ট্যাগ ব্যাবহার করা হয়। এই ট্যাগ এর নিয়ম হচ্ছে <sub>………………</sub>

superscript ট্যাগঃ

একটি লাইন এর কোন অক্ষরকে বা কোন অংশকে একঘর উপরে উঠানোর দরকার হয় তখন এই ট্যাগ ব্যাবহার করা হয়। এই ট্যাগ এর নিয়ম হচ্ছে <sup>………….</sup>

এতোক্ষন আমরা দেখলাম কিভাবে এই ট্যাগগুলো ব্যাবহার করা যায়।এবার আমরা দেখব এর বাস্তব প্রয়োগ।উপরের ট্যাগ গুলো ব্যাবহার করে আসুন একটা কোডিং তৈরি করি।

<html>

<head>

<title>

We love techtunes

</title>

</head>

<body>

<b>we love ansclub.com</b><br>

<i> we love ansclub.com</i><br>

<blink> we love ansclub.com</blink><br>

<em> we love ansclub.com</em><br>

<strong> we love ansclub.com</strong><br>

<strike> we love ansclub.com</strike><br>

<u> we love ansclub.com</u><br>

<big> we love ansclub.com</big><br>

<small> we love ansclub.com</small><br>

<tt> we love ansclub.coms</tt><br>

This is water H<sub>2</sub>O <br>

This is mathematical term A<sup>2</sup>+B<sup>2</sup>

</body>

</html>

Capture

***তারপর তা rea.html নামে সেভ করে double click করে ওপেন করুন।দেখুন কেমন দেখা যাচ্ছে।

যদি কোন কিছু না বুঝে থাকেন তবে আমাকে জানান।সবাই ভাল থাকবেন।

 

পূর্বে প্রকাশিত এইখানে 

সময় পেলে ঘুরে আসুন এইখানে 

 

 

4 মন্তব্য
  1. দিপু রায়হান বলেছেন

    ধন্যবাদ কাজে লাগবে……….

  2. লিটন হাফিজুর বলেছেন

    চমৎকার পোস্ট। শেয়ার করার জন্য ধন্যবাদ —-

  3. Simply Apon বলেছেন

    খুব সুন্দর পোস্ট!
    চালিয়ে যান!

  4. মোঃ আসলাম পারভেজ বলেছেন

    সুন্দর পোস্ট চালিয়ে জান ।

উত্তর দিন