বিস্-মিল্লাহির রাহমানির রাহীম । প্রথমে সবাই কে সালাম জানাই আসসালামু আলাইকুম ওয়া রাহমাতুল্লাহ ! সালামটা গ্রহণ করবেন । আপনারা সবাই কেমন আছেন । আশা করি ভালো আছেন ।
আপনাদের দোয়াই আমিও ভালো আছি । আমি এই পর্যন্ত এইচটিএমএল সম্পর্কে ১০ টি পোস্ট
করছি । আমার গত পোস্ট টি ছিল এইচটিএমএল/HTML লিঙ্কস / Links সম্পর্কে । যারা দেখেন নি তারা দেখে নিন । এইচটিএমএল টিউটোরিয়াল । HTML Tutorial পর্ব ৮ ।
আমি আজ কে আলোচনা করব এইচটিএমএল / HTML হেড / Head এলিমেন্টস / Elements নিয়ে । তাহলে শুরু করা যাক ।
এইচটিএমএল হেড এলিমেন্টঃ
<head> এলিমেন্ট হচ্ছে একটা ধারক । এর ভিতরে এলিমেন্ট গুলো স্ক্রিপ্ট অন্তর্ভুক্ত করতে পারেন, স্টাইল শীট এটি যেখানে ব্রাউজার নির্দেশ মেটা তথ্য, এবং আরও অনেক কিছু প্রদান করে ।
যেই ট্যাগ গুলো head এলিমেন্ট এর মধ্যে রাখতে পারবেনঃ
<title>, <style>, <meta>, <link>, <script>, <noscript>, এবং <base> ।
এইচটিএমএল <title> এলিমেন্টঃ
<title> ট্যাগ শিরোনাম / Title ডকুমেন্ট সংজ্ঞায়িত করে ।
<title> এলিমেন্ট সমস্ত এইচটিএমএল / এক্সএইচটিএমএল / XHTML ডকুমেন্ট এর প্রয়োজন হয় ।
<title> এলিমেন্টঃ
১।ব্রাউজার টুলবার একটি শিরোনাম সংজ্ঞায়িত ।
২।এটা ফেভারিটে যোগ করা হলে পৃষ্ঠার জন্য একটি শিরোনাম উপলব্ধ ।
৩।অনুসন্ধানের ইঞ্জিন ফলাফল পৃষ্ঠার জন্য একটি শিরোনাম প্রদর্শন করে ।
একটি সরলীকৃত এইচটিএমএল ডকুমেন্ট:
উদাহরণঃ
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
The content of the document......
</body>
</html>
এইচটিএমএল <base> এলিমেন্টঃ
<base> ট্যাগ একটি পৃষ্ঠায় সকল সাপেক্ষে URL জন্য ভিত্তি URL / টার্গেট নির্ধারণ করে:
উদাহরণঃ
<head>
<base href="http://www.w3schools.com/images/" target="_blank">
</head>
এইচটিএমএল <link> এলিমেন্টঃ
<link> ট্যাগ একটি ডকুমেন্ট এবং একটি বহিস্থিত সম্পদ মধ্যে সম্পর্ক সংজ্ঞায়িত করে ।
<link> ট্যাগ সবচেয়ে বেশী স্টাইল শীট লিঙ্ক ব্যবহার করা হয়:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
এইচটিএমএল <style> এলিমেন্টঃ
<style> ট্যাগ একটি এইচটিএমএল ডকুমেন্ট জন্য স্টাইল তথ্য নির্ধারণ করতে ব্যবহৃত হয় ।
<style> এলিমেন্ট এর ভিতরে কিভাবে এইচটিএমএল এলিমেন্ট একটি ব্রাউজার রেন্ডার করা উচিত উল্লেখ করা হল:
<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>
এইচটিএমএল <meta> এলিমেন্টঃ
মেটাডাটা হয় ডাটা সম্পর্কে তথ্য । <meta> ট্যাগ এইচটিএমএল ডকুমেন্ট সম্বন্ধে metadata যোগায় । মেটাডাটা পৃষ্ঠায় প্রদর্শিত হবে না, কিন্তু মেশিন parsable হবে । মেটা এলিমেন্ট সাধারণত
পৃষ্ঠা বর্ণনা, অভিব্যক্তি, পৃষ্ঠা লেখক, পোস্ট আপলোড , পৃষ্ঠা তৈরি করার তারিখ, সর্বশেষ পোস্ট আপলোড, এবং অন্যান্য মেটাডেটা উল্লেখ করতে ব্যবহৃত হয় ।
মেটাডাটা (বিষয়বস্তু বা রিলোড পৃষ্ঠা প্রদর্শন কিভাবে) ব্রাউজার দ্বারা ব্যবহার করা যেতে পারে, সার্চ
ইঞ্জিন (কিওয়ার্ড), বা অন্যান্য ওয়েব সার্ভিস গুলো দেখায় ।
<meta> ট্যাগ সবসময় <head> এলিমেন্ট ভিতরে রাখতে হয় ।
<meta> ট্যাগ - ব্যবহারের উদাহরণঃ
সার্চ ইঞ্জিনের জন্য কীওয়ার্ডঃ
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
আপনার ওয়েব পৃষ্ঠায় একটি বিবরণ নির্ধারণ করুন:
<meta name="description" content="Free Web tutorials on HTML and CSS">
একটি পৃষ্ঠায় লেখক এর জন্যঃ
<meta name="author" content="Hege Refsnes">
৩০ সেকেন্ড পর ওয়েব পেজ রেফ্রিশ হওয়ার জন্যঃ
<meta http-equiv="refresh" content="30">
এইচটিএমএল <script> এলিমেন্টঃ
<script> ট্যাগ যেমন একটি জাভাস্ক্রিপ্ট হিসাবে একটি ক্লায়েন্ট প্রান্তের স্ক্রিপ্ট, নির্ধারণ করতে ব্যবহৃত হয় ।
এইচটিএমএল হেড এলিমেন্টঃ
আজ এই পর্যন্ত থাক আগামী দিন বিস্তারিত আলোচনা করব । ধন্যবাদ সবাই কে । যদি ভালো লাগে তাহলে কমেন্ট করুন । আর যদি কোন সমস্যা হয় তাহলেও কমেন্ট করুন । ভালো থাকুন সুস্থ থাকুন
।
দয়া করে কেউ এই ব্লগের কোনো কিছু চুরি করবেন না ।
আপনাদের দোয়াই আমিও ভালো আছি । আমি এই পর্যন্ত এইচটিএমএল সম্পর্কে ১০ টি পোস্ট
করছি । আমার গত পোস্ট টি ছিল এইচটিএমএল/HTML লিঙ্কস / Links সম্পর্কে । যারা দেখেন নি তারা দেখে নিন । এইচটিএমএল টিউটোরিয়াল । HTML Tutorial পর্ব ৮ ।
আমি আজ কে আলোচনা করব এইচটিএমএল / HTML হেড / Head এলিমেন্টস / Elements নিয়ে । তাহলে শুরু করা যাক ।
এইচটিএমএল হেড এলিমেন্টঃ
<head> এলিমেন্ট হচ্ছে একটা ধারক । এর ভিতরে এলিমেন্ট গুলো স্ক্রিপ্ট অন্তর্ভুক্ত করতে পারেন, স্টাইল শীট এটি যেখানে ব্রাউজার নির্দেশ মেটা তথ্য, এবং আরও অনেক কিছু প্রদান করে ।
যেই ট্যাগ গুলো head এলিমেন্ট এর মধ্যে রাখতে পারবেনঃ
<title>, <style>, <meta>, <link>, <script>, <noscript>, এবং <base> ।
এইচটিএমএল <title> এলিমেন্টঃ
<title> ট্যাগ শিরোনাম / Title ডকুমেন্ট সংজ্ঞায়িত করে ।
<title> এলিমেন্ট সমস্ত এইচটিএমএল / এক্সএইচটিএমএল / XHTML ডকুমেন্ট এর প্রয়োজন হয় ।
<title> এলিমেন্টঃ
১।ব্রাউজার টুলবার একটি শিরোনাম সংজ্ঞায়িত ।
২।এটা ফেভারিটে যোগ করা হলে পৃষ্ঠার জন্য একটি শিরোনাম উপলব্ধ ।
৩।অনুসন্ধানের ইঞ্জিন ফলাফল পৃষ্ঠার জন্য একটি শিরোনাম প্রদর্শন করে ।
একটি সরলীকৃত এইচটিএমএল ডকুমেন্ট:
উদাহরণঃ
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
The content of the document......
</body>
</html>
এইচটিএমএল <base> এলিমেন্টঃ
<base> ট্যাগ একটি পৃষ্ঠায় সকল সাপেক্ষে URL জন্য ভিত্তি URL / টার্গেট নির্ধারণ করে:
উদাহরণঃ
<head>
<base href="http://www.w3schools.com/images/" target="_blank">
</head>
এইচটিএমএল <link> এলিমেন্টঃ
<link> ট্যাগ একটি ডকুমেন্ট এবং একটি বহিস্থিত সম্পদ মধ্যে সম্পর্ক সংজ্ঞায়িত করে ।
<link> ট্যাগ সবচেয়ে বেশী স্টাইল শীট লিঙ্ক ব্যবহার করা হয়:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
এইচটিএমএল <style> এলিমেন্টঃ
<style> ট্যাগ একটি এইচটিএমএল ডকুমেন্ট জন্য স্টাইল তথ্য নির্ধারণ করতে ব্যবহৃত হয় ।
<style> এলিমেন্ট এর ভিতরে কিভাবে এইচটিএমএল এলিমেন্ট একটি ব্রাউজার রেন্ডার করা উচিত উল্লেখ করা হল:
<head>
<style type="text/css">
body {background-color:yellow}
p {color:blue}
</style>
</head>
এইচটিএমএল <meta> এলিমেন্টঃ
মেটাডাটা হয় ডাটা সম্পর্কে তথ্য । <meta> ট্যাগ এইচটিএমএল ডকুমেন্ট সম্বন্ধে metadata যোগায় । মেটাডাটা পৃষ্ঠায় প্রদর্শিত হবে না, কিন্তু মেশিন parsable হবে । মেটা এলিমেন্ট সাধারণত
পৃষ্ঠা বর্ণনা, অভিব্যক্তি, পৃষ্ঠা লেখক, পোস্ট আপলোড , পৃষ্ঠা তৈরি করার তারিখ, সর্বশেষ পোস্ট আপলোড, এবং অন্যান্য মেটাডেটা উল্লেখ করতে ব্যবহৃত হয় ।
মেটাডাটা (বিষয়বস্তু বা রিলোড পৃষ্ঠা প্রদর্শন কিভাবে) ব্রাউজার দ্বারা ব্যবহার করা যেতে পারে, সার্চ
ইঞ্জিন (কিওয়ার্ড), বা অন্যান্য ওয়েব সার্ভিস গুলো দেখায় ।
<meta> ট্যাগ সবসময় <head> এলিমেন্ট ভিতরে রাখতে হয় ।
<meta> ট্যাগ - ব্যবহারের উদাহরণঃ
সার্চ ইঞ্জিনের জন্য কীওয়ার্ডঃ
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
আপনার ওয়েব পৃষ্ঠায় একটি বিবরণ নির্ধারণ করুন:
<meta name="description" content="Free Web tutorials on HTML and CSS">
একটি পৃষ্ঠায় লেখক এর জন্যঃ
<meta name="author" content="Hege Refsnes">
৩০ সেকেন্ড পর ওয়েব পেজ রেফ্রিশ হওয়ার জন্যঃ
<meta http-equiv="refresh" content="30">
এইচটিএমএল <script> এলিমেন্টঃ
<script> ট্যাগ যেমন একটি জাভাস্ক্রিপ্ট হিসাবে একটি ক্লায়েন্ট প্রান্তের স্ক্রিপ্ট, নির্ধারণ করতে ব্যবহৃত হয় ।
এইচটিএমএল হেড এলিমেন্টঃ
আজ এই পর্যন্ত থাক আগামী দিন বিস্তারিত আলোচনা করব । ধন্যবাদ সবাই কে । যদি ভালো লাগে তাহলে কমেন্ট করুন । আর যদি কোন সমস্যা হয় তাহলেও কমেন্ট করুন । ভালো থাকুন সুস্থ থাকুন
।
দয়া করে কেউ এই ব্লগের কোনো কিছু চুরি করবেন না ।
কোন মন্তব্য নেই:
একটি মন্তব্য পোস্ট করুন