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]

 

 

Level 0

আমি জাকির হোসাইন। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 14 বছর যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 224 টি টিউন ও 1487 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 5 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

পৃথিবীতে অল্পকয়েক দিনের জন্য অনেকেই আসে, হেঁটে খেলে চলে যায়। এর মধ্যে অল্প কয়েক জনই পায়ের চাপ রেখে যায়।ওদের একজন হতে ইচ্ছে করে। প্রযুক্তির আরেকটি সেরা ব্লগ টেকটুইটস। আপনাদের স্বাগতম, যেখানে প্রতিটি বন্ধুর অংশ গ্রহনে গড়ে উঠেছে একটি পরিবার। আপনাদের পছন্দ হবে আশা করি। ফেসবুকে আমি - ?জাকির!


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস