Atik Hasan
Webpage design & developer
HTML Head (এইচটিএমএল হেড):
<head>…..</head> ট্যাগ দিয়ে head সেকশন গঠিত। head সেকশনে meta data অর্থাৎ ডকুমেন্ট সম্পর্কিত তথ্য থাকে।এই head সেকশন এ যা কিছু লেখা হয় তা ওয়েব পেইজ এ দেখা যায় না। head সেকশন এ সাধারণত নিম্মের ট্যাগগুলো থাকেঃ
Title, Meta, Link, Base, Style, Script
শিরোনাম ট্যাগ
এই ট্যাগের মাঝে যা লিখা হয় তা Browser এর টাইটেল বারে দেখা যায়। মূলত ওয়েব পেইজ content এর একটি সংক্ষিপ্ত টাইটেল এই ট্যাগের মাঝে লেখা হয়। যেমন আমি যদি ওয়েব পেইজ ডিজাইনের বিভিন্ন এলিমেন্ট নিয়ে একটি ওয়েব পেইজ বানাতে চাই তা হলে টাইটেল নিচের মত হলে ভাল হয়ঃ-
<title>web page design tutorial</title>
মেটা ট্যাগ
এই ট্যাগ ব্যাবহার করা হয় ডকুমেন্ট সম্পর্কিত সকল তথ্য সন্নিবেশ/বর্ণনা করার জন্য।মেটা ডাটা browser, search engine এবং অন্নান্য ওয়েব সারভিস দ্বারা বেবহৃত হয়। সার্চ ইঞ্জিন ইনডেক্সিং এর জন্য এ ট্যাগের গুরুত্ত অপরিসীম।
সার্চ ইঞ্জিনের জন্য keywords নির্ধারণ করাঃ
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
ওয়েব পেজ এর description নির্ধারণ করাঃ
<meta name="description" content="Free Web tutorials on HTML and CSS">
ওয়েব পেজ এর author নির্ধারণ করাঃ
<meta name="author" content="Hege Refsnes">
ওয়েব পেজ এর character set নির্ধারণ করাঃ
<meta charset="UTF-8">
৩০ সেকন্ড পরপর ওয়েব পেজ auto refresh করাঃ
<meta http-equiv="refresh" content="30">
লিঙ্ক ট্যাগ
Link ট্যাগটি দ্বারা একটি পেইজকে অন্য পেইজের সাথে বা এলিমেন্টের সাথে সম্পর্ক ইস্থাপন করা হয়।এই ট্যাগ টি সাধারণত স্টাইল শীট যোগ করার জন্য ব্যাবহার করা হয়।
<link rel="stylesheet" href="mystyle.css">
বেজ ট্যাগ
Base ট্যাগ টি দ্বারা ওয়েব সাইটের সকল লিঙ্ক জন্য এর একটি default অ্যাড্রেস বা default target সেট করিয়ে দেয়া হয়।যেমনঃ-
<base href="http://bangla.salearningschool.com" target="_blank">
যেহেতু আমরা base অ্যাড্রেসের target হিসেবে _blank দিয়েছি সেহেতু এই পেইজের কোন লিঙ্ক এ ক্লিক করলে নতুন একটি ট্যাব এ পেজটি ওপেন হবে।
স্টাইল ট্যাগ (Style Tag)
HTML ডকুমেন্টটিতে কি ধরণের ইস্টাইল ব্যাবহার হবে তা এই style ট্যাগ দ্বারা লেখা হয়। যেমনঃ-
<style>
body {background-color:yellow;}
</style>
স্ক্রিপ্ট ট্যাগ (Script Tag)
Script ট্যাগটি Java script লেখার জন্য ব্যাবহার করা হয়। যেমন আমরা ওয়েব পেজ এ Hello JavaScript এই লেখাটুকো দেখাব demo নামক id ব্যাবহার করে।
<script>
function myFunction {
document.getElementById("demo").innerHTML = "Hello JavaScript!";
}
</script>
