বুধবার, ২৪ এপ্রিল, ২০১৩

এইচটিএমএল টিউটোরিয়াল । HTML Tutorial পর্ব ৯

বিস্-মিল্লাহির রাহমানির রাহীম । প্রথমে সবাই কে সালাম জানাই আসসালামু আলাইকুম ওয়া রাহমাতুল্লাহ ! সালামটা গ্রহণ করবেন । আপনারা সবাই কেমন আছেন । আশা করি ভালো আছেন ।
আপনাদের দোয়াই আমিও ভালো আছি । আমি এই পর্যন্ত এইচটিএমএল সম্পর্কে ১০ টি পোস্ট

করছি । আমার গত পোস্ট টি ছিল এইচটিএমএল/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> ট্যাগ যেমন একটি জাভাস্ক্রিপ্ট হিসাবে একটি ক্লায়েন্ট প্রান্তের স্ক্রিপ্ট, নির্ধারণ করতে ব্যবহৃত হয় । 

এইচটিএমএল হেড এলিমেন্টঃ 




আজ এই পর্যন্ত থাক আগামী দিন বিস্তারিত আলোচনা করব । ধন্যবাদ সবাই কে । যদি ভালো লাগে তাহলে কমেন্ট করুন । আর যদি কোন সমস্যা হয় তাহলেও কমেন্ট করুন । ভালো থাকুন সুস্থ থাকুন
 । 
দয়া করে কেউ এই ব্লগের কোনো কিছু চুরি করবেন না । 

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

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