প্রথম HTML5 ডকুমেন্ট তৈরি করতে নিচের ধাপগুলো অনুসরণ করতে হবে। এটি একটি সহজ এবং মৌলিক HTML5 ডকুমেন্টের উদাহরণ দেখায়:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My First HTML5 Document</title>
</head>
<body>
<header>
<h1>Welcome to My First HTML5 Page</h1>
</header>
<main>
<p>This is a basic HTML5 document. It serves as the foundation for web development.</p>
</main>
<footer>
<p>© 2024 My Website</p>
</footer>
</body>
</html>
ধাপগুলো:
<!DOCTYPE html>: প্রথম লাইনে এই ঘোষণা দিয়ে শুরু করুন। এটি ব্রাউজারকে জানায় যে এটি একটি HTML5 ডকুমেন্ট।<html lang="en">: HTML ট্যাগের মাধ্যমে পুরো ডকুমেন্টটিকে সংজ্ঞায়িত করুন।langঅ্যাট্রিবিউটটি ডকুমেন্টের ভাষা নির্দেশ করে।<head>সেকশন:<meta charset="UTF-8">: UTF-8 এনকোডিং ব্যবহার করুন যাতে বিভিন্ন ভাষার সমস্ত অক্ষর সঠিকভাবে প্রদর্শিত হয়।<meta name="viewport" content="width=device-width, initial-scale=1.0">: এটি মোবাইল এবং ডিভাইসের স্ক্রিন অনুযায়ী পেজটি রেসপন্সিভ করে।<title>: ডকুমেন্টের শিরোনাম সেট করুন যা ব্রাউজারের ট্যাবে প্রদর্শিত হবে।
<body>সেকশন:- এই সেকশনে ডকুমেন্টের সমস্ত দৃশ্যমান কন্টেন্ট থাকে।
<header>: শিরোনাম বা নেভিগেশন মেনু রাখতে পারেন।<main>: মূল কন্টেন্ট রাখার জন্য ব্যবহৃত হয়।<footer>: ফুটার কন্টেন্ট যেমন কপিরাইট বা লিংক দেয়া যায়।
কীভাবে এটি সংরক্ষণ এবং চালানো যায়:
- এই কোডটি একটি
.htmlফাইল হিসেবে সংরক্ষণ করুন, যেমন:index.html। - ফাইলটি ব্রাউজারে (যেমন, Chrome, Firefox) ওপেন করুন।
- আপনি আপনার প্রথম HTML5 ডকুমেন্ট দেখতে পাবেন।
এটি একটি বেসিক HTML5 ডকুমেন্টের গঠন। এটি ভবিষ্যতের ওয়েব পেজ ডেভেলপমেন্টের জন্য একটি ভাল ভিত্তি তৈরি করে।
Content added By
