হেড এলিমেনট



এইচটিএমএল ডকুমেন্ট এর প্রধান দুটি অংশের প্রথমটি হল হেড সেকশন। একটি ওয়েব পেজ এর সমস্ত অদৃশ্যমান কন্টেন্ট যেমন - style, script, meta data ইত্যাদি এই হেড সেকশন এ রাখা হয়।

এইচটিএমএল এর হেড এলিমেনটের মাঝে যে সকল ট্যাগ ব্যবহার করা যায় সেগুলো হল <title>, <base>, <link>, <meta>, <script> এবং <style>.


এইচটিএমএল title এলিমেনট

<title> এলিমেনট কোন এইচটিএমএল ডকুমেন্ট এর শিরোনাম বা title প্রদর্শন করে। প্রতিটি এইচটিএমএল বা এক্সএইচটিএমএল ডকুমেন্টেই ভিন্ন ভিন্ন ভাবে শিরোনাম বা title দিতে হয়। ওয়েব পেজের বিষয়বস্তুর ওপর title ট্যাগ নির্ধারিত হয়।

  • ব্রাউজার টুলবারে শিরোনাম বা title প্রদর্শন করে,
  • সার্চ ইঞ্জিনের সার্চ রেজাল্ট এ টাইটেল ট্যাগ প্রদর্শিত হয়,
  • যখন কোন ওয়েব পেজ favorite হিসেবে নির্বাচন করা হয়, তখন একটি শিরোনাম নির্ধারণ করে,

নিচে একটি সাধারণ এইচটিএমএল ডকুমেন্টে title ট্যাগ এর অবস্থান দেখুন -

উদাহরণ দেখুন

<html>
<head>
<title>Title of the document</title>
</head>
<body>
The content of the document......
</body>
</html>




এইচটিএমএল base এলিমেনট

এইচটিএমএল base বা বেস ট্যাগ ব্যবহার করা হয় কোন ওয়েব পেজের সমস্ত হাইপারলিংকগুলোর একটি স্বয়ংক্রিয় বা default লিংক নির্ধারণ করতে।

নিচে একটি সাধারণ উদাহরন দেখুন -

উদাহরণ দেখুন

<head>
<base href="http://www.websschool.com/image/" />
<base target="_blank" />
</head>




এইচটিএমএল link এলিমেনট

একটি এইচটিএমএল ডকুমেন্ট এবং বহিঃস্থ কোন ফাইল যেমন - সিএসএস, জাভাস্ক্রিপ্ট ইত্যাদির মাঝে সম্পর্ক তৈরি করতে লিংক ট্যাগ ব্যবহার করা হয়।

নিচে একটি সাধারণ উদাহরন দেখুন -

উদাহরণ দেখুন

<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>




এইচটিএমএল meta এলিমেনট

ডকুমেন্ট সম্পর্কিত বিভিন্ন তথ্য সংযুক্ত করার জন্য মেটা ট্যাগ ব্যবহার করা হয়। সাধারনত মেটা এলিমেনট ওয়েব পেজের বিষয়বস্তু, কীওয়ার্ড, ওয়েব সাইটের স্বত্বাধিকারী, সর্বশেষ আপডেট, ওয়েব পেজটি যে তৈরি করেছে তার নাম, ঠিকানা, ওয়েব অ্যাড্রেস ইত্যাদি বিভিন্ন ডাঁটা বা তথ্য সংযুক্ত করার জন্য ব্যবহার করা হয়।

এইচটিএমএল meta ট্যাগ সম্পর্কে আরও জানতে এইচটিএমএল meta টিউটোরিয়াল পেজটি পড়ুন।


এইচটিএমএল script এলিমেনট

এইচটিএমএল ডকুমেন্ট এবং বিভিন্ন client-side স্ক্রিপ্ট ( যেমন - জাভাস্ক্রিপ্ট ) এর মাঝে সম্পর্ক তৈরি করতে script ট্যাগ ব্যবহার করা হয়।

এইচটিএমএল script ট্যাগ সম্পর্কে আরও জানতে এইচটিএমএল script টিউটোরিয়াল পেজটি পড়ুন।


এইচটিএমএল style এলিমেনট

কোন এইচটিএমএল ডকুমেন্টের জন্য style নির্ধারণ করতে এইচটিএমএল style ট্যাগ ব্যবহার করা হয়।

এইচটিএমএল style ট্যাগ সম্পর্কে আরও জানতে এইচটিএমএল style টিউটোরিয়াল পেজটি পড়ুন।


এইচটিএমএল এর সকল হেড এলিমেনট

ট্যাগ বিবরন
<head> ডকুমেন্ট সম্পর্কে সকল তথ্য প্রকাশ করে।
<title> ডকুমেন্ট এর শিরোনাম বা title প্রকাশ করে।
<base/> এইচটিএমএল base বা বেস ট্যাগ ব্যবহার করা হয় কোন ওয়েব পেজের সমস্ত লিংকগুলোর একটি স্বয়ংক্রিয় বা default লিংক নির্ধারণ করে।
<link/> ডকুমেন্ট এবং বহিঃস্থ কোন ফাইলের সাথে সম্পর্ক স্থাপন করে।
<meta/> এইচটিএমএল ডকুমেন্ট সম্পর্কে মেটা ডাটা প্রদর্শন করে।
<script> এইচটিএমএল ডকুমেন্ট এবং বিভিন্ন client-side স্ক্রিপ্ট ( যেমন - জাভাস্ক্রিপ্ট ) এর মাঝে সম্পর্ক তৈরি করে।
<style> কোন এইচটিএমএল ডকুমেন্টের জন্য style নির্ধারণ করতে এইচটিএমএল style ট্যাগ ব্যবহার করা হয়।







এই ওয়েব সাইট এর সমস্ত টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদি খুব সহজ ও সাধারণ ভাবে তৈরি করা হয়েছে। টিউটোরিয়াল, সার্কিট ডায়াগ্রাম, উদাহরণ ইত্যাদির ভুল পরিহার করার জন্য বার বার যাচাই করা হয়েছে, কিন্তু আমরা এর পূর্ণ নিশ্চয়তা ও দায়ভার বহন করি না। যখন আপনি এই সাইটটি ব্যবহার করেন, আমরা ধরে নেই যে আপনি পড়েছেন এবং সম্মত আছেন আমাদের টার্মস অফ ইউস (Terms of use) এবং প্রাইভেসি পলিসি( Privacy policy) সম্পর্কে।

Copyright 2016-2018 by websschool.com, All Rights Reserved.