📘 ওয়েব ডেভেলপমেন্ট টিউটোরিয়াল সিরিজ – পর্ব ২

HTML বেসিক ও প্রথম ওয়েবপেজ

১. HTML কী?

HTML (HyperText Markup Language) হলো ওয়েবপেজ তৈরির জন্য ব্যবহার করা হয় এমন একটি মার্কআপ ভাষা। এটি ব্রাউজারে কন্টেন্টের কাঠামো নির্ধারণ করে।

২. HTML এলিমেন্ট ও ট্যাগ

HTML-এ বিভিন্ন ট্যাগ দিয়ে কন্টেন্ট সাজানো হয়। প্রতিটি ট্যাগ সাধারণত একটি এলিমেন্ট তৈরি করে। উদাহরণ:

<h1> থেকে <h6> – শিরোনামের জন্য
<p> – প্যারাগ্রাফ
<a> – লিংক
<img> – ছবি
<ul>, <ol>, <li> – তালিকা

৩. প্রথম HTML পেজের উদাহরণ

নিচে একটি সাধারণ HTML ফাইলের উদাহরণ দেয়া হলো, যেটা আপনি VS Code-এ লিখে ব্রাউজারে খুলতে পারবেন:

<!DOCTYPE html>
<html lang="bn">
<head>
  <meta charset="UTF-8">
  <title>আমার প্রথম ওয়েবপেজ</title>
</head>
<body>

  <h1>স্বাগতম আমার ওয়েবসাইটে!</h1>
  <p>এটি আমার প্রথম HTML পেজ।</p>
  <a href="https://chatgptvabona.blogspot.com" target="_blank">আমার ব্লগ</a>

</body>
</html>

৪. ফাইল সেভ ও ব্রাউজারে চালানো

ফাইলটি index.html নামে সেভ করুন। তারপর যেকোনো ব্রাউজারে ওপেন করুন। আপনি আপনার লেখা দেখবেন।

নোট: HTML ফাইল সরাসরি ব্রাউজারে চালাতে পারেন, সার্ভার প্রয়োজন হয় না।

৫. পরবর্তী ধাপ

এখন HTML-এর আরও ট্যাগ, অ্যাট্রিবিউট ও ফর্ম্যাটিং নিয়ে বিস্তারিত শিখবো, সাথে CSS দিয়ে সাজানোর কাজ শুরু করব।

নিতাই বাবু

ChatGPT ভাবনা নিতাই বাবু ব্লগ জীবনের ঘটনা

সহযোগিতায় ও ব্লগ ডিজাইন by OpenAI

ওয়েব ডেভেলপমেন্ট টিউটোরিয়াল সিরিজ — পর্ব লিস্ট

ওয়েব ডেভেলপমেন্ট টিউটোরিয়াল সিরিজ — পর্ব লিংকসমূহ

নিতাই বাবু

পুরস্কারপ্রাপ্ত নাগরিক সাংবাদিক – ২০১৭। লেখালেখির শুরু শৈশবে, এখনো চলছে।
মূলত সমাজ, সংস্কৃতি, স্মৃতিচারণা ও ছন্দনিবদ্ধ রচনায় আগ্রহী।
ভাষার শুদ্ধচর্চা ও সাহিত্যসমৃদ্ধ বাংলার প্রতি অগাধ ভালোবাসা।

🌐 ব্লগ: নিতাই বাবু ব্লগ | জীবনের ঘটনা | চ্যাটজিপিটি ভাবনা

পোস্টটি ভালো লাগলে বন্ধুদের সাথে শেয়ার করুন: