অধ্যায় ২: HTML পরিচিতি ও Structure (বাংলায়)
HTML কী?
HTML (HyperText Markup Language) হলো একটি Markup Language, যার মাধ্যমে একটি ওয়েবসাইটের কাঠামো তৈরি করা হয়।
এটা হচ্ছে ওয়েবপেজের মূল হাড়গোড় (skeleton)।
ওয়েবপেজে যেকোনো লেখা, ছবি, বাটন, লিংক ইত্যাদি দেখাতে HTML ব্যবহার করা হয়।
HTML ফাইল কেমন হয়?
একটি HTML ফাইল .html এক্সটেনশন দিয়ে শেষ হয়। যেমন: index.html
HTML Structure (বেসিক কাঠামো)
<!DOCTYPE html>
<html>
<head>
<title>আমার প্রথম ওয়েবসাইট</title>
</head>
<body>
<h1>স্বাগতম!</h1>
<p>এটি একটি প্যারাগ্রাফ।</p>
</body>
</html>
HTML Structure এর ব্যাখ্যা:
| অংশ | কাজ |
|---|---|
<!DOCTYPE html> |
ব্রাউজারকে জানায় যে এটা HTML5 ডকুমেন্ট |
<html> |
পুরো HTML ডকুমেন্টের মূল কন্টেইনার |
<head> |
ওয়েবপেজের মেটা ইনফো (title, CSS, SEO etc.) |
<title> |
ব্রাউজারে ট্যাবে দেখায় ওয়েবসাইটের নাম |
<body> |
ইউজার যা দেখবে সেই অংশ |
HTML এর কিছু সাধারণ ট্যাগ:
| ট্যাগ | ব্যবহার |
|---|---|
<h1> থেকে <h6> |
হেডিং (বড় থেকে ছোট) |
<p> |
প্যারাগ্রাফ |
<a href="url"> |
লিংক |
<img src="image.jpg" alt="ছবি"> |
ছবি দেখাতে |
<ul>, <ol>, <li> |
লিস্ট বানাতে |
<br> |
লাইন ব্রেক |
<hr> |
Horizontal Line |
<strong>, <em> |
bold, italic লেখা |
উদাহরণ প্রজেক্ট:
<!DOCTYPE html>
<html>
<head>
<title>আমার প্রোফাইল</title>
</head>
<body>
<h1>আমার নাম রাহুল</h1>
<p>আমি একজন ওয়েব ডেভেলপার হতে চাই।</p>
<a href="https://www.google.com">গুগলে যান</a>
</body>
</html>
এই অধ্যায়ের শেষে আপনি শিখলেন:
-
HTML এর কাজ কী
-
কেমন দেখায় একটি বেসিক ওয়েবপেজ
-
কীভাবে বিভিন্ন HTML ট্যাগ কাজ করে
পরবর্তী অধ্যায়:
অধ্যায় ৩: HTML Tags (Heading, Paragraph, Links, Images, Lists)
লিখুন: “অধ্যায় ৩ শুরু করো” — তাহলে আমরা বিভিন্ন ট্যাগ ব্যবহার শিখবো হাতে-কলমে।
ক্লিক করুন অধ্যায় ৩ দেখার জন্য
Tags:
Web Development Full Course
Html
CSS
Web Development Full Course in bengali