ওয়েব ডিজাইনটিউটোরিয়ালসিরিজ

এইচটিএমএল (HTML5) ট্যাগ (সিরিজ-৩) !

0
html bangla tutorial

আজ আমরা আলোচনা করবো HTML5 এর  tag গুলো নিয়ে। অর্থাৎ কোন ট্যাগ এ কি কাজ হয় বা কোন কাজ করার সময় কোন ট্যাগ ব্যাবহার করতে হবে। তাহলে চলুন এক এক করে ট্যাগ গুলো সম্পর্কে জেনে নেই। 

<html> </html>  এইটি হল এইচটিএমএল এর প্রথম ট্যাগ । এই ট্যাগ দিয়ে এইচটিএমএল এর document নির্দেশ করে। এইচটিএমএল এর সকল কাজ এই ট্যাগের ভেতরেই করতে হয় অন্যান্য ট্যাগ ব্যাবহার করে। 

<head><head/> এই ট্যাগ এ  এইচটিএমএল এর head অংশের কাজ করা হয় এই  ট্যাগের ভেতরে। 

<tittle> </tittle> এই ট্যাগ এ  এইচটিএমএল এর head  ট্যাগের ভেতর লিখতে হয় যা ডকুমেন্ট টির টাইটেল বা নাম কি হবে তা নির্দেশ করে।  

<body></body> এই ট্যাগে  ডকুমেন্ট এ সকল content লিখতে হয়। অর্থাৎ ওয়েব সাইট এ বা ব্রাউজার এ যা যা  প্রদর্শিত হবে তার সব কিছু এই ট্যাগে থাকে। 

<a></a> এটা  হল anchor ট্যাগ। ওয়েবসাইট এ কোন লিংক দিতে চাইলে এই ট্যাগ ব্যাবহার করতে হয়।

<abbr></abbr> এটা হল Abbreviation ট্যাগ। বড় কোন লেখার সংক্ষিপ্ত করে লিখতে এই ট্যাগ ব্যাবহার করতে হয়। 

<b></b> Bold টেক্সট নির্দেশ করে অর্থাৎ কোন লেখাকে বোল্ড করে  লিখতে এই ট্যাগ ব্যাবহার করতে হয়।  

<i> </i> Italic ভাবে কোন লেখা লিখতে এই ট্যাগ ব্যাবহার করতে হয়।

<big> </big> স্বাভাবিকের থেকে কোন লেখা বড় করতে চাইলে এই ট্যাগ ব্যাবহার করতে হয়।

<small></small> স্বাভাবিকের থেকে কোন লেখা ছোট করতে চাইলে এই ট্যাগ ব্যাবহার করতে হয়।

<blockquote> </blockquote> বিশেষ উদ্ধৃতি প্রকাশ করতে এই ট্যাগ  ব্যবহৃত করতে হয়। 

 <br / > লাইনের break দিতে চাইলে এই ট্যাগ ব্যাবহার করতে হয়। 

<code></code> ওয়েবসাইট এ কোন কোড প্রদর্শন করতে চাইলে এই ট্যাগ ব্যাবহার করতে হয়।  

<table></table> ওয়েবসাইট এ টেবিল বানাতে চাইলে এই ট্যাগ ব্যাবহার করতে হয়। 

<td></td> টেবিল এর ভেতরে সেল তৈরি করতে চাইলে এই ট্যাগ ব্যাবহার করতে হয়। 

<tr></tr> টেবিল এর ভেতরে সারি বানাতে এই ট্যাগ দিতে হয়।

<h1></h1> এটাকে বলা হয় হেডার ট্যাগ।  হেডার ট্যাগ h1 থেকে h6 পর্যন্ত হয়ে থাকে।

<hr/> ওয়েবসাইট এ কোন সমান্তরাল রেখা দিতে হইলে এই ট্যাগ ব্যাবহার করতে হয়।

<img/> ওয়েবসাইট এ কোন ছবি দিতে চাইলে এই ট্যাগের ভেতরে ছবির ফোল্ডারের নাম সহ ছবির নাম দিতে হবে। অর্থাৎ অবশ্যই ট্যাগের ভেতরে ছবির লোকেশান দিয়ে দিতে হবে। 

<input></input> ওয়েবসাইট এ কোন ফর্ম তৈরি করলে তাতে তথ্য ইনপুট করার জন্য এই ট্যাগ ব্যাবহার করা হয়।

<li><li/>  ওয়েবসাইট এ  লিস্ট প্রদর্শন করতে এই ট্যাগ ব্যাবহার করতে হয়।

<ol></ol> ওয়েবসাইট এ অর্ডার  লিস্ট প্রদর্শন করতে এই ট্যাগ ব্যাবহার করতে হয়।

<ul> </ul> ওয়েবসাইট এ আনঅর্ডার লিস্ট প্রদর্শন করতে এই ট্যাগ ব্যাবহার করতে হয়।

<p></p> ওয়েবসাইট এ  paragraph লিখতে এই ট্যাগ ব্যাবহার করতে হয়।

<pre><pre/> ওয়েবসাইট এ pre-formatted টেক্সট প্রদর্শন করতে এই ট্যাগ ব্যাবহার করতে হয়। 

<sub></sub> ওয়েবসাইট এ superscripted text  নির্দেশ করতে এই ট্যাগ ব্যাবহার করতে হয়। 

<sup></sup>  ওয়েবসাইট এ superscripted text  নির্দেশ করতে এই ট্যাগ ব্যাবহার করতে হয়। 

<strong></strong> ওয়েবসাইট এ Strong টেক্সট  প্রদর্শন করতে এই ট্যাগ ব্যাবহার করতে হয়।

আজ এই পর্যন্তই পরবর্তী পর্বে আরও অন্যান্য বিষয় নিয়ে আমরা আলোচনা করবো। সেই পর্যন্ত সবাই ভাল থাকুন।

করোনাভাইরাসের সময়ে মোবাইল জীবানুমুক্ত করার প্রয়োজনীয়তা !

Previous article

আহসান মঞ্জিলের ইতিহাস !

Next article

You may also like

Comments

Leave a reply

Your email address will not be published. Required fields are marked *