Chapter 1 – Introduction to HTML
Lessons: What is HTML? Introduction to HyperText Markup Language Purpose of HTML in web development How the Web Works Browser, Server, and HTTP Basics How HTML pages are displayed Setting Up Your Development Environment Installing VS Code or other Editors File Structure and Saving HTML Files Quiz 1: What does HTML stand for? Purpose of , , and tags What is a web browser?

Chapter 2 – HTML Basics
HTML ডকুমেন্টের মৌলিক গঠন জানা গুরুত্বপূর্ণ। হেডিং, প্যারাগ্রাফ, লিস্ট, লিংক এবং ছবি HTML-এর গুরুত্বপূর্ণ উপাদান। ট্যাগ সঠিকভাবে ব্যবহার করলে ব্রাউজারে সুন্দরভাবে কনটেন্ট প্রদর্শিত হয়।

Lesson 1 – Basic HTML Document Structure

1.1 HTML Document Structure

HTML ডকুমেন্ট তৈরির একটি নির্দিষ্ট গঠন আছে যা সব সময় অনুসরণ করতে হয়। একটি সাধারণ HTML ফাইলের স্ট্রাকচার নিচে দেওয়া হলো:

<!DOCTYPE html>
<html>
<head>
<meta charset=”UTF-8″>
<title>My First Webpage</title>
</head>
<body>
<h1>Welcome to My Website</h1>
<p>This is a sample HTML page.</p>
</body>
</html>

1.2 প্রতিটি অংশের ব্যাখ্যা

  • <!DOCTYPE html>
    এই ডিক্লারেশন বলে দেয় যে এটি HTML5 ডকুমেন্ট।

  • <html>
    ডকুমেন্টের রুট এলিমেন্ট। সমস্ত HTML কোড এই ট্যাগের মধ্যে লেখা হয়।

  • <head>
    পেজের মেটাডেটা, যেমন: শিরোনাম (<title>), ক্যারেক্টার সেট (<meta charset="UTF-8">), CSS ফাইলের লিঙ্ক ইত্যাদি থাকে।

  • <title>
    ওয়েব ব্রাউজারের ট্যাবে যে নাম দেখায়।

  • <body>
    ব্যবহারকারীর কাছে প্রদর্শিত বিষয়বস্তু এখানে লেখা হয়। যেমন হেডিং, প্যারাগ্রাফ, ছবি, লিংক ইত্যাদি।

    Select the fields to be shown. Others will be hidden. Drag and drop to rearrange the order.
    • Image
    • SKU
    • Rating
    • Price
    • Stock
    • Availability
    • Add to cart
    • Description
    • Content
    • Weight
    • Dimensions
    • Additional information
    Click outside to hide the comparison bar
    Compare