Curriculum
Course: HTML Mastery: From Basics to Brilliance
Login

Curriculum

HTML Mastery: From Basics to Brilliance

মডিউল ১: পরিচিতি এবং বেসিক HTML : 1. HTML পরিচিতি

0/4

মডিউল ১: পরিচিতি এবং বেসিক HTML : 2. HTML ডকুমেন্ট স্ট্রাকচার

0/2

মডিউল ১: পরিচিতি এবং বেসিক HTML : 3. বেসিক ট্যাগস

0/4

মডিউল ১: পরিচিতি এবং বেসিক HTML : 4. টেক্সট ফরম্যাটিং ট্যাগস

0/3

মডিউল ২: HTML লিস্ট এবং লিঙ্ক: 1. লিস্ট তৈরির ট্যাগস

0/3

মডিউল ২: HTML লিস্ট এবং লিঙ্ক: 2. লিঙ্ক তৈরির ট্যাগ

0/3
Text lesson

<html>, <head>, এবং <body> ট্যাগ

HTML ডকুমেন্টে <html>, <head>, এবং <body> ট্যাগ হলো প্রধান উপাদান, যা ওয়েব পেজের কাঠামো নির্ধারণ করে।

1. <html> ট্যাগ

<html> ট্যাগ হলো HTML ডকুমেন্টের মূল বা রুট ট্যাগ। এটি একটি ডকুমেন্টের সমস্ত কনটেন্টকে ধারণ করে।

উপাদান:

  • প্রারম্ভ ট্যাগ: <html>
  • শেষ ট্যাগ: </html>
  • এই ট্যাগের মধ্যে থাকে <head> এবং <body> সেকশন।

উদাহরণ:

<!DOCTYPE html>
<html>
<head>
<title>My Web Page</title>
</head>
<body>
<h1>Welcome to My Website</h1>
<p>This is a paragraph.</p>
</body>
</html>

2. <head> ট্যাগ

<head> ট্যাগ HTML ডকুমেন্টের মেটাডাটা ধারণ করে। এই ট্যাগে এমন তথ্য থাকে যা সাধারণত পেজে দৃশ্যমান হয় না, তবে ব্রাউজারের জন্য গুরুত্বপূর্ণ।

বৈশিষ্ট্য:

  • পেজের শিরোনাম (Title) নির্ধারণ করে।
  • স্টাইলশিট এবং স্ক্রিপ্ট যুক্ত করা হয়।
  • মেটা ইনফরমেশন যোগ করা হয়।

উদাহরণ:

<head>
<title>My Web Page</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="styles.css">
<script src="script.js"></script>
</head>

<head> এর সাধারণ ট্যাগগুলো:

  1. <title>: ব্রাউজারের ট্যাবের নাম নির্ধারণ করে।
  2. <meta>: মেটাডাটা যোগ করতে ব্যবহৃত।
  3. <link>: এক্সটার্নাল রিসোর্স যুক্ত করতে।
  4. <style>: ইন্টার্নাল CSS এর জন্য।
  5. <script>: JavaScript যোগ করার জন্য।

3. <body> ট্যাগ

<body> ট্যাগ HTML ডকুমেন্টের দৃশ্যমান অংশ ধারণ করে। পেজে যা কিছু ব্যবহারকারী দেখতে পায়, তা এই ট্যাগের মধ্যে থাকে।

বৈশিষ্ট্য:

  • টেক্সট, ছবি, ভিডিও, এবং লিঙ্ক যুক্ত করা হয়।
  • পেজের মূল কনটেন্ট ধারণ করে।

উদাহরণ:

<body>
<h1>Hello, World!</h1>
<p>This is my first HTML document.</p>
<img src="image.jpg" alt="Sample Image">
</body>

 

  • <html> ট্যাগ পুরো HTML ডকুমেন্ট ধারণ করে।
  • <head> ট্যাগ মেটাডাটা এবং পেজের “বিহাইন্ড দ্য সিন” তথ্য যোগ করতে ব্যবহৃত হয়।
  • <body> ট্যাগ পেজের দৃশ্যমান কনটেন্ট দেখায়।
    এই তিনটি ট্যাগ একটি ওয়েব পেজের মূল কাঠামো তৈরি করে।