হেডার (Header)
ওয়েব পৃষ্ঠার হেডার হল পৃষ্ঠার শিরোনাম বা গুরুত্বপূর্ণ বিষয়বস্তু। এটি সাধারণত পৃষ্ঠার শুরুতে অবস্থিত এবং ওয়েব পৃষ্ঠার কাঠামো তৈরি করতে সাহায্য করে। HTML-এ হেডার তৈরির জন্য <h1> থেকে <h6> ট্যাগ ব্যবহার করা হয়। <h1> ট্যাগটি সর্বোচ্চ প্রাধান্য দেয়, এবং <h6> ট্যাগটি সর্বনিম্ন।
উদাহরণ:
<h1>এটি একটি প্রধান শিরোনাম</h1>
<h2>এটি একটি উপশিরোনাম</h2>
<h3>এটি একটি সাব-শিরোনাম</h3>
- : পৃষ্ঠার প্রধান শিরোনাম। SEO (Search Engine Optimization) এর জন্য এটি গুরুত্বপূর্ণ।
- থেকে : প্রধান শিরোনামের নীচে পর্যায়ক্রমে উপশিরোনামগুলি।
শিরোনামগুলি পৃষ্ঠার কাঠামো এবং অনুসন্ধান ইঞ্জিনের জন্য গুরুত্বপূর্ণ, তাই এগুলিকে ব্যবহার করার সময় সঠিকভাবে বাছাই করতে হবে।
প্যারাগ্রাফ (Paragraph)
HTML-এ প্যারাগ্রাফ তৈরি করার জন্য <p> ট্যাগ ব্যবহার করা হয়। এটি সাধারণত টেক্সটের একটি ব্লক তৈরি করতে ব্যবহৃত হয় এবং ব্যবহারকারীদের জন্য কন্টেন্টকে সহজে পড়ার জন্য বিভাগে ভাগ করে।
উদাহরণ:
<p>এটি একটি প্যারাগ্রাফ। এখানে আপনার পাঠ্য বিষয়বস্তু থাকবে যা পাঠকদের জন্য সহজবোধ্য এবং পড়তে সুবিধাজনক হবে।</p>
- : প্যারাগ্রাফের ট্যাগ, এটি সাধারণত একটি লাইন ব্রেকের পর টেক্সট রাখে।
প্যারাগ্রাফগুলি ওয়েব পৃষ্ঠায় টেক্সটের সুষম এবং সঠিক উপস্থাপনার জন্য গুরুত্বপূর্ণ।
লিস্ট (List)
লিস্ট তৈরি করতে HTML-এ দুটি প্রধান ধরনের লিস্ট ট্যাগ রয়েছে: অর্ডারড লিস্ট (Ordered List) এবং আনঅর্ডারড লিস্ট (Unordered List)।
১. অর্ডারড লিস্ট (Ordered List)
অর্ডারড লিস্ট ব্যবহার করলে, তালিকায় আইটেমগুলি নম্বর সহ দেখানো হয়। <ol> ট্যাগ ব্যবহার করা হয় এবং প্রতিটি আইটেমের জন্য <li> ট্যাগ ব্যবহার করা হয়।
উদাহরণ:
<ol>
<li>প্রথম আইটেম</li>
<li>দ্বিতীয় আইটেম</li>
<li>তৃতীয় আইটেম</li>
</ol>
২. আনঅর্ডারড লিস্ট (Unordered List)
আনঅর্ডারড লিস্টে আইটেমগুলো কোনো নির্দিষ্ট অর্ডারে থাকে না, বরং বুলেট পয়েন্ট হিসেবে প্রদর্শিত হয়। <ul> ট্যাগ ব্যবহার করা হয় এবং প্রতিটি আইটেমের জন্য <li> ট্যাগ ব্যবহৃত হয়।
উদাহরণ:
<ul>
<li>প্রথম আইটেম</li>
<li>দ্বিতীয় আইটেম</li>
<li>তৃতীয় আইটেম</li>
</ul>
লিস্টগুলি তথ্যকে সহজে সংগঠিত ও শ্রেণীবদ্ধ করতে সাহায্য করে এবং ওয়েব পৃষ্ঠায় তথ্য প্রস্তাবনার জন্য গুরুত্বপূর্ণ।
লিঙ্ক (Links)
লিঙ্ক হল HTML পৃষ্ঠায় এক পৃষ্ঠার থেকে অন্য পৃষ্ঠায় নেভিগেট করার জন্য ব্যবহৃত একটি উপাদান। এটি তৈরি করতে <a> ট্যাগ ব্যবহার করা হয়, এবং লিঙ্কের গন্তব্যের জন্য href অ্যাট্রিবিউট ব্যবহার করা হয়।
উদাহরণ:
<a href="https://www.example.com">এখানে ক্লিক করুন</a>
- : লিঙ্কের জন্য ব্যবহৃত ট্যাগ।
- href: এটি লিঙ্কের গন্তব্য URL নির্দেশ করে। উদাহরণস্বরূপ, "https://www.example.com"।
লিঙ্কগুলো ওয়েব পৃষ্ঠার মধ্যে নেভিগেশন এবং এক পৃষ্ঠার থেকে অন্য পৃষ্ঠায় তথ্য সংযোগ করতে সাহায্য করে।
সারাংশ
এইসব উপাদানগুলি (হেডার, প্যারাগ্রাফ, লিস্ট, এবং লিঙ্ক) ওয়েব ডেভেলপমেন্টে মৌলিক এবং অপরিহার্য। সঠিকভাবে ব্যবহার করে ওয়েব পৃষ্ঠার কাঠামো এবং কন্টেন্ট উপস্থাপন করা সম্ভব, যা ব্যবহারকারীর জন্য আরও সহজবোধ্য এবং সুগম হয়। HTML ট্যাগগুলি ওয়েব পৃষ্ঠায় তথ্য সঠিকভাবে শ্রেণীবদ্ধ, পাঠযোগ্য এবং নেভিগেটযোগ্য করতে সহায়তা করে।
Read more
