এটি 18 পর্বের HTML বেসিক ট্রেনিং ফ্রি বিষয়ক টিউনের 15 পর্ব
wp-content/uploads/2012/10/HTML.png
HTML বেসিক ট্রেনিং ফ্রি

আসালামু আলাইকুম/নমস্কার । কেমন আছেন সবাই । আশা করি সবাই ভাল আছেন । আমি ভাল ।  আজকে আমরা <head>…………</head> নিয়ে  আলোচনা করব ।  মানে <head>…………</head> এর ভিতর কি কি থাকে তা নিয়ে ।  চলুন শুরু করি।

 

<head…………..<./head> নিয়ে বিস্তারিত আলোচনা ।

হেড ট্যাগ বাএবং হেড ইলিমেন্ট যেকোন HTML পেজের একটি গুরুত্বপূর্ণ অংশ। এর মাধ্যমে ব্রাউজারে পেজ সম্পর্কিত বেশ কিছু তথ্য প্রদর্শন করার পাশাপাশি সার্চ ইন্জিন অপটিমাইজেশন এর মত গুরুত্বপূর্ণ কাজও সম্পন্ন হয়। তাহলে চলুন আমরা হেড ট্যাগ বাএবং হেড ইলিমেন্ট সম্পর্কে বিস্তারিত আলোচনা করি ।

হেড ট্যাগ বা <head> এবং হেড ইলিমেন্ট যেকোন HTML পেজের একটি গুরুত্বপূর্ণ অংশ। কারণ <head>…………</head> এর মধ্যে অর্থাৎ হেড ইলিমেন্ট হিসেবে <title> , <link> , <meta> , <style> , <script> এ সকল গুরুত্বপূর্ণ ট্যাগ সমূহ রাখা হয়। এগুলোর মাধ্যমে ব্রাউজারে পেজ সম্পর্কিত বেশ কিছু তথ্য প্রদর্শন করার পাশাপাশি সার্চ ইন্জিন অপটিমাইজেশন (meta দ্বারা) এর মত গুরুত্বপূর্ণ কাজও সম্পন্ন হয়।

 

টাইটেল:-

ব্রাউজারের টাইটেল বারে পেজের টাইটেল প্রদর্শনের জন্য <title> </title> ট্যাগ ব্যবহার করা হয়।

উপরের কোড এর মাধ্যমে ব্রাউজারের টাইটেল বারে “HTML ধারাবাহিক  টিউটোরিয়াল সমূহ” লেখাটি দেখা যাবে।

title নিয়ে আমাদের ১ম পর্বে আলোচনা করা হয়েছে । যারা দেখেন নাই তারা এখানে ক্লিক করে দেখে নিতে পারেন

 

লিংক:-

CSS স্টাইল সিট এর সাথে লিংক করার জন্য <link> </link> ব্যবহার করা হয়। এর গঠন :

<link rel=”stylesheet” type=”text/css” href=”styles.css” />

এটা দিয়ে আপনি css কে অন্য জায়গায় রেখে দিয়ে যদি link দিয়ে দেন তা হলে css কাজ করবে । এটা নিয়ে আপানারা css শিখার সময় ভালভাবে জানতে পারবেন । আসাকরি পরবর্তীতে css নিয়ে যখন আলোচনা করব তখন সব clear হয়ে যাবে ।

 

 

মেটা ইলিমেন্ট:-

মেটা সার্চ ইন্জিন অপটিমাইজেশনের (SEO) জন্য গুরুত্বপূর্ণ কাজ করে থাকে। মেটার কাজ  কি এই নিয়ে আগামি পর্বে  বিস্তারিত দেওয়া হবে   । আসাকরি সাথে থাকবেন ।

 

স্টাইল:-

<style></style> ট্যাগটি ইনটার্নাল স্টাইল সিট ব্যবহারের জন্য ব্যবহৃত হয় । নিছে এই ট্যাগ এর গঠন দেওয়া হল ।

<head>
<style type=”text/css”>
body {background-color: green;}
h1{color:white;}
p{color:red; font-size:20px;}
</style>
</head>

এটা নিয়ে আপনারা css এ ভাল করে জানতে পারবেন । আমি চেষ্টা করব html এ css এর ব্যবহার নিয়ে একটি টিউন করার । তা হলে সব বুজতে পারবেন ।

 

স্ক্রিপ্ট:-

এইচটিএমএল এ <head> এর ভিতর জাভাস্ক্রিপ্ট, জে কোয়েরী ইত্যাদি স্ক্রিপ্ট যুক্ত করতে পারবেন । তবে এটাও link হিসেবে ব্যাবহার করা যায় । এর গঠন নিছে দেওয়া হল ।

<script type=”text/javascript” src=”effect.js”></script>

এটা  নিয়ে আলোচনা করব আগামি পর্বে ।

<script> এবং <meta> নিয়ে আগামি পর্বে আলোচনা করব ।
আজ আর লিখছি না । এ পর্যন্ত । পরের পর্বে আবার দেখা হবে । ধন্যবাদান্তে

Series Navigation<< আসুন HTML শিখি (পর্ব-১৪)আসুন HTML শিখি (পর্ব-১৬) >>