«

»

HTML শিখুন HTML5 সহ (পর্ব-5)

আজ নি আসলাম পঞ্ছম প্ররব। যদি আগের গুলো ভুলে গিয়ে থাকেন তাহলে পুনরায় পড়ে আসতে পারেনঃ

  1. HTML শিখুন HTML5 সহ [পর্ব-1] Intro to HTML
  2. HTML শিখুন HTML5 সহ [পর্ব-2] My First web Page
  3. HTML শিখুন HTML5 সহ [পর্ব–3] HTML Element
  4. HTML শিখুন HTML5 সহ [পার্ট-4] HTML Attribute

HTML Headings

Headings গুলো  <h1> থেকে <h6> tags দ্বারা বর্ননা করা হয়। Headings কি তা আমরা সবাই বুঝি, এর বাংলা কি দিব আমি বুঝতে পারছি না।

<h1> Tag দ্বারা সবছেয়ে গুরুত্ত পূর্ন Headings দেওয়া হয়। এর পর ক্রমানুসারে <h2>… <h6>  ব্যবহার করা হয়।

নিছে কোন ট্যাগের জন্য কেমন আউটপুট দিবে তার একটি উদাহরন দিলাম।

Heading এর গুরুত্ত্বঃ

ভিজিটর এবং সার্চ ইঞ্জিন দুই জনের কাছেই Heading গুরুত্ত্ব অনেক। আমরা যেমন হেডলাইন দেখেই পছন্দ করি এ টুইটটা আমার জন্য নাকি আমার জন্য না। তেমনি সার্চ ইঞ্জিন ও বুঝে নে কোন টুইট কিসের জন্য। ওযেব পেজের Heading দেখেই সার্চ ইঞ্জিন আমাদের পেইজ গুলো ইনডেক্স করে। যদি ঠিক মত ইনডেক্স না হয় তাহলে সার্চ রেজাল্টে ও আপনার সাইট ঠিক মত দেখাবে না। তাহলে এবার তো বুঝতেই পারছেন হেডিংযের গুরুত্ত্ব কতটুকু। আপনার ওয়েব পেজের কি নিয়ে লিখবেন বা কি বর্ননা করছেন তা <h1> ট্যাগের মধ্যে লিখুন। এবার এর চেয়ে কম গুরুত্ত্ব পূর্ন গুলো <h2> এর মধ্যে লিখুন। এভাবে ক্রমে <h6>  Tag ব্যবহার করুন।

HTML Lines

আড়াআড়ি ভাবে কোন কোন লাইন দেওয়ার জন্য <hr /> ট্যাগ ব্যবহার করা হয়। নিছে দেখুনঃ

 

এখানে আমাদের হেডিং এর নিছে একটি লাইন দেওয়ার জন্য <hr /> ট্যাগ ব্যবহার করছি।

 

HTML Comments

কোডিং করার সময় Comments খুবি ধরকারী। যখন অনেক বড় কোড লিখব তখন কোথায় কি লিখছি তা তো আর মনে থাকবে না। আর কোন কোড দিয়ে কি কাজ করছি তাও মনে থাকে না। তাই সহজে কোড গুলো পড়ার এক মাত্র উপায় হচ্ছে কমেন্ট। কমেন্ট গুলো ব্রাউজারে দেখা যাবে না। কিন্তু কমেন্টের গুরুত্ত্ব অনেক। নিজেরাই পরে বুঝতে পারবেন কি রকম দরকারি। নিচের মত করে কমেন্ট গুলো লেখা হয়।

<!– This is a comment –>

উদাহরনঃ

 

 

 

 

 

 

HTML Paragraphs

একটি পেজে অনেক গুলো লেখা থাকতে পারে। লেখা গুলো কে প্যারা আকারে লেখতে হয়। আর প্যারা তৈরি করার জন্য Paragraphs ট্যাগ বা p ট্যাগ ব্যবহার করা হয়। যা নিচের মত করে লেখা হয়ঃ

<p>This is a paragraph</p>

 

HTML5 এ প্যারাগ্রাপে End ট্যাগ ব্যবহার না করলে ও সমস্যা হয় না।

কিন্তু End ট্যাগ ব্যবহার করা ভালো।

 

 

HTML Line Breaks

একটি প্যারাগ্রাপে অনেক গুলো লাইন থাকতে পারে। আপনার প্রয়জন মত লাইন দিতে Line Break ব্যবহার করা হয়। যে কোন লেখা মাঝে

<br> or <br /> ট্যাগ বসালেই একটি নতুন লাইন যোগ হবে।

উদাহরনঃ

HTML Text Formatting

  • আপনি যে লেখা গুলো লিখবেন সে গুলো একটিকে এক এক ভাবে লেখার প্রয়জন হতে পারে। আর ভিবিন্ন ভাবে লেখার জন্য ব্যবহৃত হয় Text Formatting  Tag গুলো।
  • <b> Tag দিয়ে কোন লেখাকে Bold করার জন্য ব্যবহৃত হয়।
  • <strong> ট্যাগ দিয়ে কোন লেখাকে অন্য লেখা গুলো থেকে আলাদা করার জন্য ব্যবহৃত হয়।
  • <big> ট্যাগ দিয়ে কোন বাক্য বা শব্দ বড় করার জন্য ব্যবহৃত হয়।
  • ইতালিক ভাবে লেখার জন্য <i> ট্যাগ ব্যবহার করা হয়।
  • emphasize করার জন্য <em> ট্যাগ ব্যবহার করা হয়।
  • কোন কোড লেখার জন্য <code> ট্যাগ ব্যবহার করা হয়।
  • subscript জন্য  <sub> এবং superscript এর জন্য <sup> ট্যাগ ব্যবহার করা হয়।

উদাহরনঃ

 

ধন্যবাদ সবাইকে। পরের পর্বঃ

HTML শিখুন HTML5 সহ [পর্ব-6]

 

 


এ সম্পর্কিত আরো কিছু টুইট:

Background ও Header Image পরিবর্তন করা যায় এ রকম কয়েকটি WordPress Themes
Rubel Orion এর সাথে শিখুন পি এইচ পি(pHp) (পর্বঃ চার)
ফ্রি তে প্রিমিয়াম ওয়ার্ডপ্রেস থিম ব্যবহার... সাবধান !!!
ম্যাজেন্টো eCommerce CMS – “পর্ব-২” (Magento টিউটোরিয়ালে যাযা থাকবে)
সিএসএস টিউটোরিয়াল - সিএসএস ব্যাকগ্রাউন্ড ইমেজ এবং টেক্সট স্টাইলিং
মোবাইলের উপযোগী ওয়েবসাইট তৈরির ক্ষেত্রে যা যা লক্ষ্য রাখবেন
আপনি কি একটি ওয়েবসাইট তৈরি করার কথা ভাবছেন?

মন্তব্য দিনঃ

comments

About the author

জাকির হোসাইন

প্রোগ্রামিং বা ফ্রীল্যান্সিং নিয়ে কোন প্রশ্ন থাকলে টেকটুইটস সাহায্য বিভাগে পোস্ট দিতে পারেন অথবা আমাকে ফেসবুকে মেসেজ দিতে পারেন।

Permanent link to this article: http://techtweets.com.bd/web-developing/jakirbdl/804

12 comments

Skip to comment form

  1. aowal

    শিখতেছি আপুনি পর্ব চালিয়ে যান।

    1. ঐ ছেলেটি
      jakir

      শিখলে ভালো। 🙂

    2. borhan

      bi,salie jan.valo h…
      ami try korbo
      insa allah

      amer site decte paren
      kemon hoece pls janaben.
      pls-
      weit for next html tune…

  2. borhan

    apner tune ki amer bloge dite parbo,jodi permossion den

    1. ঐ ছেলেটি
      jakir

      আমাদের ফুল ইনফরমেশন সহ দিতে পারেন।

  3. foolish pritom

    ajker rate onek kisu shikhlam (porbo1-5) porer tweet ta shiggiri dile valo hoy(guru or sir?)

    BEST WISHES….

  4. aowalbd

    আড়াআড়ি লাইনটাকে ছোট,বড়,ডানে,বামে,মোটা কি ভাবে করা যাবে।

    1. ঐ ছেলেটি
      jakir

      CSS ব্যবহার করে করা যাবে।

  5. Sayeam

    জনাব! দেরী হয়ে গেল! সমস্যা নেই পুসিয়ে নেব 🙂

    1. ঐ ছেলেটি
      jakir

      ওকে Bro…

  6. Debraj Lahiri

    Mama, kothin hoitese. Chalaya jan 🙂

  7. HALIM
    HALIM

    জাকির ভাই, আমি কিন্তু শিখার পর ধন্যাপাতা দিমু; হি হি হি। মাইন্ড করবানা কিন্তু।

মন্তব্য করুন