Basic tags: <html>, <head>, <body>, <h1> to <h6>, <p>
Writing your first HTML file
HTML-এর মজার জগতে আসুন!
HTML কী?
এক কথায় বলতে গেলে, HTML হলো ওয়েব পেজ তৈরির ভাষা। আমরা যেসব ওয়েবসাইট দেখি, সবগুলোই HTML দিয়ে তৈরি। HTML-এর মাধ্যমে আমরা পাতার বিভিন্ন অংশকে কীভাবে দেখানো হবে, কোথায় শিরোনাম থাকবে, কোথায় অনুচ্ছেদ থাকবে, এসব নির্দেশ দিতে পারি।
একটি HTML document গঠন
একটি HTML document মূলত দুইটি মূল অংশে বিভক্ত:
<head>: এই অংশে ওয়েব ব্রাউজারের জন্য কিছু তথ্য রাখা হয় যা পাতায় সরাসরি দেখানো হয় না। যেমন, পাতার শিরোনাম, ব্যবহৃত স্টাইলশিট ইত্যাদি।
<body>: এই অংশেই পাতার প্রকৃত কনটেন্ট বা বিষয়বস্তু থাকে। যেমন, শিরোনাম, অনুচ্ছেদ, ছবি, ভিডিও ইত্যাদি।
মূল ট্যাগগুলো
<html>: এই ট্যাগটি একটি HTML দস্তাবেজের শুরু এবং শেষ নির্দেশ করে।
<head>: এই ট্যাগটি <head> অংশের শুরু এবং শেষ নির্দেশ করে।
<body>: এই ট্যাগটি <body> অংশের শুরু এবং শেষ নির্দেশ করে।
<h1> to <h6>: এই ট্যাগগুলো বিভিন্ন সাইজের হেডিং তৈরি করতে ব্যবহৃত হয়। <h1> সবচেয়ে বড় এবং <h6> সবচেয়ে ছোট শিরোনাম। যেসব হেডিং রয়েছে: h1,h2,h3,h4,h5,h6
<p>: এই ট্যাগটি একটি paragraph তৈরি করতে ব্যবহৃত হয়।
আপনার প্রথম HTML ফাইল লিখুন
এখন আমরা একটি সহজ HTML ফাইল লিখব। কোনো টেক্সট এডিটর (যেমন, Notepad, Sublime Text) খুলে নিয়ে নিচের কোডগুলো কপি করে পেস্ট করুন:
<!DOCTYPE html>
<html>
<head>
<title>My first website</title>
</head>
<body>
<h1>Assalamualaikum</h1>
<p>আমি HTML শিখছি।</p>
</body>
</html>
এবার এই ফাইলটি .html এক্সটেনশন দিয়ে সেভ করুন (যেমন, index.html)। তারপর এই ফাইলটি কোনো ওয়েব ব্রাউজারে খুলে দেখুন। আপনি আপনার লেখা কনটেন্টটি দেখতে পাবেন।
কীভাবে কাজ করে?
<!DOCTYPE html>: এই লাইনটি ব্রাউজারকে জানায় যে এই ফাইলটি একটি HTML5 দস্তাবেজ।
<title>: এই ট্যাগের মধ্যে যা লেখা থাকে, তা ব্রাউজারের ট্যাব বা উইন্ডোর শিরোনাম হিসেবে দেখা যায়।
<h1>: এই ট্যাগের মধ্যে যা লেখা থাকে, তা একটি বড় শিরোনাম হিসেবে দেখানো হয়।
<p>: এই ট্যাগের মধ্যে যা লেখা থাকে, তা একটি অনুচ্ছেদ হিসেবে দেখানো হয়।
