HTML পৃষ্ঠার মৌলিক কাঠামো

ওয়েবসাইটের একটি পৃষ্ঠা হল .html এক্সটেনশন সহ একটি সাধারণ টেক্সট ফাইল। এই ফাইলের ভিতরেই HTML পৃষ্ঠার টেক্সট ট্যাগ সহ সংরক্ষণ করা হয়। এই ফাইলটিতে অবশ্যই নিম্নলিখিত ট্যাগগুলি থাকতে হবে: html ট্যাগ, যেটিতে পুরো ওয়েবসাইটের টেক্সট থাকতে হবে (এই ট্যাগের বাইরে যা লেখা থাকবে, ব্রাউজার দ্বারা উপেক্ষা করা হবে), এবং এর ভিতরে আরও দুটি ট্যাগ থাকতে হবে: head ট্যাগ পৃষ্ঠার সার্ভিস বিষয়বস্তুর জন্য এবং body ট্যাগ - মূল টেক্সটের জন্য, যা ব্রাউজার স্ক্রিনে দৃশ্যমান।

সার্ভিস বিষয়বস্তু, যা head ট্যাগের ভিতরে অবস্থিত, তাতে অনেক বিভিন্ন জিনিস অন্তর্ভুক্ত থাকে, কিন্তু এখন আমাদের শুধুমাত্র দুটি প্রয়োজন। এগুলি হল title ট্যাগ, যা পৃষ্ঠার শিরোনাম নির্ধারণ করে, যা ব্রাউজার ট্যাবে দৃশ্যমান হবে, এবং meta ট্যাগ, যা পৃষ্ঠার এনকোডিং নির্ধারণ করে (এটি charset অ্যাট্রিবিউটে সেট করা হয় এবং সাধারণত এর মান utf-8 হয়)।

এর之外, html ট্যাগের আগে সাধারণত doctype কনস্ট্রাকশন লেখা হয়, যা HTML ভাষার সংস্করণ নির্দেশ করে, যেটিতে ওয়েবসাইট তৈরি করা হয়েছে। বর্তমানে প্রাসঙ্গিক ভাষার সংস্করণের নম্বর পাঁচ এবং এর জন্য ডকটাইপটি এইরকম হওয়া উচিত:

<!DOCTYPE html>

সুতরাং, আসুন পৃষ্ঠার মৌলিক কাঠামো দেখি:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>This is the title</title>
	</head>
	<body>
		This is the main content of the page.
	</body>
</html>

.html এক্সটেনশন সহ একটি ফাইল তৈরি করুন। এতে পৃষ্ঠার মৌলিক কাঠামো কপি করুন। আপনার ফাইলটি সেভ করুন। তারপর এটিকে ব্রাউজারে ফাইলটি মাউস দিয়ে টেনে এনে বা এটিতে ডাবল ক্লিক করে খুলুন।