Full width home advertisement

Post Page Advertisement [Top]




যেকোন language শেখার জন্যই সে language এর structure তথা গঠন ঠিক মতো বোঝা খুবি গুরুত্বপূর্ণ। আমরা যখন কোন language নিয়ে কাজ করবো তখন অবশ্যই আমাদের কে ওই language এর গঠন বুঝে ধাপে ধাপে এগিয়ে যেতে হবে। তাহলেই কেবল আমরা আমদের কাজের সঠিক ফলটি পাবো।
এর আগেই আলোচনা করা হয়েছে যে HTML আসলে একটি Markup Language বা কিছু tag এর সমন্বয়। আর কিছু নির্দিষ্ট tag এর মাধ্যমেই HTML এর গঠন তথা structure তৈরী হয়।নীচের Table টি ভালো ভাবে লক্ষ্য করুন-
<html>
<body>
<h1>This a Heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>

উপরের Table থেকে আমরা দেখতে পাচ্ছি সবার উপরের প্রথম অংশটি হলো html tag. মুলত এই অংশটিই আপনার HTML ফাইলের যাবতীয় অংশ ধারন করে। এই html tag অংশটির মধ্যেই body tag থাকে
একটি ওয়েব সাইট ব্রাঊজিং এর সময় আমরা যা কিছু দেখতে পারি তার সবকিছু এই body tag এর অংশ।

এখন আমরা যদি এই গঠন অনুযায়ী আমাদের HTML পেজ টি তৈরী করি তবে সেখানে দুইটি অপূর্ণতা থেকে যাবে। এভাবে কোডিং করলে আমরা কখনই নিশ্চিত হয়ে বলতে পারবো না যে তা সব ব্রাউজার সাপোর্ট করবে। আবার আমরা কোডিং করলেও অনেক পেজ এর ভিরে নির্দিষ্ট একটি পেজ কে সনাক্ত করাও আমাদের জন্য কষ্ট সাধ্য হয়ে পরবে।
আর এই দুটি সমস্য দূর করার জন্য HTML এর মূল গঠনে একটু পরিবর্তন আনা হয়। যদিও HTML এর মূল গঠন উপরের টি, কিন্তু সকল HTML কোডিং-এ এই পরিবর্তীত গঠনটিই ব্যবহার করা হয়। আমরাও এভাবেই আমাদের কোডিং করবো। নীচের Table টি ভালো ভাবে লক্ষ্য করুন -

<!--DOCTYPE-->
<html>
<head>    <title> Page title </title></head>
<body>
<h1>This a Heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>

উপরের Table এ যে দুটি নতুন বিষয় সংযুক্ত হয়েছে তার মধ্যে প্রথমেই আসসে <!--DOCTYPE-->. এর কাজ হলো ব্রাউজার কে আপনার HTML এর ভার্সন সম্পর্কে অভিহিত করা। আর্থাত আপনার ব্রাউজার এখান থেকেই আপনার HTML ফাইলটির সম্পর্কে ধারনা পাই। আর এই <!--DOCTYPE--> এর কারনেই আপনার ব্রাউজার আপনার কোডিং এর কোন পরিবর্ত ন আনে না। এটি অপরিহার্য নয কিন্তু এটি ছাড়া কিছু কিছু ব্রাউজার আপনার HTML page টি কে ব্রাউজারের নিজের Default style এ পরিবর্তন করে ফেলতে পারে। আর এ কারনেই <!--DOCTYPE--> HTML এর গঠনের দিক থেকে খুবি গূরুত্বপূর্ণ। এ বিষয়ে বিস্তারিত আমাদের HTML DOCTYPE অংশে আলোছনা করা আছে।
অপরদিকে html tag এর মধ্যে প্রথম tag হলো head tag টি হলো এই table এর আরেকটি নতুন সংযুক্তি। যা মূলত আপনার পেজটির নাম ধারন করে। অর্থাত আমরা যখন কোন ওয়েব সাইট ব্রাঊজ করি তখন আমাদের ব্রাউজার এর কোনায় বা Tab এ আমরা ঐ পেজ এর একটি নাম তথা Title দেখতে পাই। head tag এর মধ্যেই এই title তথা title tag Declear করা থাকে। এছাড়াও head tag এর আরো কিছু কাজ আছে যা আমরা HTML Head অংশে আলোচনা করবো।




>> HTML পর্ব-১ : পরিচয়

No comments:

Post a Comment

Bottom Ad [Post Page]