আমাদের আরো ...


আমি কিংশুক। কিংশুকের ব্যক্তিগত ব্লগ

BD Alchemist । প্রোগ্রামিং টিউটোরিয়াল ব্লগ

জীবনমাল্য::Jibonmallo - লেখালেখির ব্লগ

পর্ব ০৪ >> Basic ধারনা

HTML এ শিরোনাম (Headings)

HTML এ শিরোনাম বোঝাতে <h1> থেকে <h6> পর্যন্ত বিভিন্ন আকারের এরকম Tags ব্যবহৃত হয়।

যেমনঃ
<h1>Header 1</h1>

<h2>Header 2</h2>

<h3>Header 3</h3>

<h4>Header 4</h4>

<h5>Header 5</h5>

<h6>Header 6</h6>

HTML এ প্যারাগ্রাফ

HTML এ প্যারাগ্রাফ দিতে <p> tag টি ব্যবহৃত হয় ।

যেমনঃ


<p>This is a paragraph</p>
<p>This is a paragraph</p>

HTML এ লিঙ্ক দেয়া (Linking)

HTML এ লিঙ্ক দিতে <a> tag টি ব্যবহার করা হয়।

যেমনঃ

<a href="http://htmlinbangla.blogspot.com">This is a link of our page</a>

link নির্দেশ করার জন্য href attribute টি ব্যবহার হয়েছে। এটি <a> tag এ > এর আগে অর্থাৎ < ও > এর ভেতরে লিখতে হয় । 

HTML এ ছবি দেয়া

HTMLএ ছবি জুড়ে দিতে <img> tag ব্যবহার করা হয়।

যেমনঃ

<img src="Kingshuk.jpg" width="104" height="142">


এখানে img হচ্ছে IMAGE আর src হচ্ছে SOURCE । ছবির নাম এবং তার লিঙ্ক এখানে দেয়া হয়। তার সাথে ছবিটি কি মাপে প্রদর্শিত হবে তাও বলে দেয়া যায়। ছবির মাপ Pixel ইউনিট এ দিতে হবে । 
ছবির নাম এবং সাইজ Attribute হিসেবে দেয়া হয়।





HTML Elements

Start Tag  এবং  End Tag এর মধ্যে যা কিছু থাকে তাকেই HTML element বলে ।

যেমনঃ
Start tag *Element contentEnd tag *
<p>This is a paragraph</p>
<a href="default.htm">This is a link</a>
<br>

Start tag কে প্রায়শই Opening Tag এবং End Tag কে Closing Tag বলা হয়।

HTML Element Syntax 

  • HTML element শুরু হয় Start Tag / Opening Tag দিয়ে
  • HTML element শেষ হয় End tag / Closing Tag দিয়ে
  • Start Tag ও End tag এর মধ্যে যা কিছু থাকে তার সবই element content.
  • কিছু HTML element এর empty content আছে 
  • Empty element  শেষ হয় Start Tag এ
  • বেশির ভাগ HTML Element এর Attribute থাকতে পারে
[বিঃদ্রঃ পরের টিউটোরিয়াল গুলোতে Attribute সম্পর্কে জানতে পারবেন ।]


HTML Document এর উদাহরন

<!DOCTYPE html>
<html>

<body>
<p>This is my first paragraph.</p>
</body>

</html>

উপরের উদাহরনে ৩ টি HTML elements আছে।

HTML এর উদাহরনের ব্যাখ্যা

 <p> element:

<p>This is my first paragraph.</p>

<p> element প্যারাগ্রাফ নির্দেশক ।
এই element শুরু হয় Starting Tag <p> দিয়ে আর শেষ হয় Ending Tag </p> দিয়ে ।
এখানে element content হচ্ছেঃ  This is my first paragraph.
The <body> element:

<body>
<p>This is my first paragraph.</p>
</body>

 <body> element  টি HTML document এর প্রধান অংশ বোঝায় ।
 এই element শুরু হয় Starting Tag <body> দিয়ে আর শেষ হয় Ending Tag </body> দিয়ে ।
এই element আরও কিছু HTML element ধারন করে । (<p> element )

The <html> element:

<html>

<body>
<p>This is my first paragraph.</p>
</body>

</html>

<html> element টি সম্পূর্ণ HTML Document কে বোঝায়।
এই element শুরু হয় Starting Tag <html> দিয়ে আর শেষ হয় Ending Tag </html> দিয়ে ।
এই element আরও কিছু HTML element ধারন করে । (<body> element etc. )


গুরুত্বপূর্ণ কিছু কথা

End Tag দিতে ভুলে যাবেন না

অনেক সময় end tag না দিলেও ঠিক ভাবে ফলাফল প্রদর্শিত হতে পারে।
যেমনঃ

<p>This is a paragraph
<p>This is a paragraph

এরকম কিছু বিষয় প্রায় সব ব্রাউজার এই ঠিক দেখায়। কারন এই ক্ষেত্রে উক্ত Tag টি থাকে optional বা ঐচ্ছিক ।
কিন্তু বেশির ভাগ সময় End Tag ব্যবহার না করলে তা অপ্রত্যাশিত ত্রুটি  (Unexpected Error) সহ প্রদর্শিত হয়।

Empty HTML Element

কোনো content ছাড়া HTML element কে empty element বলে ।

<br> একটি empty element যার কোনো closing tag নেই। ( <br> tag নতুন লাইন তৈরিতে ব্যবহার হয়)

টিপসঃ Lowercase Tag ব্যবহার করুন

HTML tag সমূহ case sensitive না । তাই <P> এবং <p> একই ।
কিন্তু আমরা সব সময় Lowercase Tag ব্যবহার করব কেননা এটা World Wide Web Consortium (W3C) দ্বারা সুপারিশ করা হয়েছে।

___________________________________________________________________________
 পরের পোস্ট এ আমারা HTML Attribute সম্পর্কে শিখবো ।

ততোদিন ভাল থাকুন। আমাদের সাথেই থাকুন।

<<<<<<<পরের পোস্ট ১২ জুন ২০১৪ এর ভেতর দেয়া হতে পারে>>>>>>>>





কোন মন্তব্য নেই:

একটি মন্তব্য পোস্ট করুন

এতে সদস্যতা: পোস্টগুলি (Atom)