HTML শেখার সেরা শুরু | মৌলিক ট্যাগ ও উদাহরণ
HTML এর সকল প্রয়োজনীয় Tag উদাহরণসহ (সহজ ভাষায়)
HTML (HyperText Markup Language) হলো ওয়েবসাইট বানানোর জন্য সবচেয়ে গুরুত্বপূর্ণ ভাষা। এটি বিভিন্ন ট্যাগ দিয়ে লেখা হয়, যা ব্রাউজারে ভিজ্যুয়ালি প্রদর্শিত হয়। এখানে আমরা HTML-এর গুরুত্বপূর্ণ সকল ট্যাগ উদাহরণসহ আলোচনা করবো যেন যে কেউ সহজেই বুঝতে পারে।
1. HTML এর মূল কাঠামো (Structure)
<!DOCTYPE html>
<html>
<head>
<title>আমার ব্লগ</title>
</head>
<body>
<h1>স্বাগতম আমার ব্লগে</h1>
<p>এটি একটি নমুনা ব্লগ পোস্ট।</p>
</body>
</html>
2. শিরোনাম ট্যাগ (Heading Tags)
এই ট্যাগগুলো বিভিন্ন মাপের শিরোনাম তৈরি করতে ব্যবহার হয়:
<h1>সবচেয়ে বড় শিরোনাম</h1>
<h2>দ্বিতীয় বড় শিরোনাম</h2>
<h3>তৃতীয় বড় শিরোনাম</h3>3. অনুচ্ছেদ ট্যাগ (Paragraph)
<p>এটি একটি অনুচ্ছেদ।</p>4. লিংক ট্যাগ (Hyperlink)
<a href="https://www.google.com">গুগলে যাও</a>5. ছবি ট্যাগ (Image)
<img src="image-url.jpg" alt="ছবির বর্ণনা">6. তালিকা ট্যাগ (List)
গঠিত তালিকা (Ordered List):<ol>
<li>প্রথম আইটেম</li>
<li>দ্বিতীয় আইটেম</li>
</ol><ul>
<li>একটি আইটেম</li>
<li>আরও একটি আইটেম</li>
</ul>7. টেবিল ট্যাগ (Table)
<table border="1">
<tr>
<th>নাম</th>
<th>বয়স</th>
</tr>
<tr>
<td>আলী</td>
<td>২৫</td>
</tr>
</table>8. ডিভ ট্যাগ (Div)
<div style="background-color: lightblue;">
<p>এই অংশটি আলাদা করে দেখানো হয়েছে।</p>
</div>9. লেখা স্টাইল ট্যাগ (Text Formatting)
<b>বোল্ড লেখা</b>
<i>ইটালিক লেখা</i>
<u>আন্ডারলাইন লেখা</u>10. লাইন ব্রেক (Break Line)
এই লাইন<br>এই লাইন থেকে আলাদা11. ইনপুট ফর্ম (Form)
<form>
নাম: <input type="text" name="name"><br>
<input type="submit" value="জমা দিন">
</form>12. কমেন্ট (Comment)
<!-- এটি একটি কমেন্ট, ব্রাউজারে দেখা যাবে না -->
Maruf Ahmed
Teacher
ICT & Islamic History
Mubail: 01306843182
No comments