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 – What is HTML? অধ্যায় ১ – HTML পরিচিতি

অধ্যায় ১ – HTML পরিচিতি

পাঠ ১ – HTML কী?

১.১ হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ (HTML) পরিচিতি

HTML এর পুরো অর্থ হলো HyperText Markup Language
এটি ওয়েবের উপাদান গঠনের জন্য ব্যবহৃত স্ট্যান্ডার্ড ভাষা। আপনি যেসব ওয়েব পেজ ব্রাউজ করেন, সেগুলো HTML দ্বারা তৈরি।

  • HyperText অর্থ টেক্সটে অন্যান্য পেজ বা রিসোর্সে লিংক থাকে।

  • Markup Language অর্থ ট্যাগ ব্যবহার করে কনটেন্টের গঠন এবং প্রেজেন্টেশন নির্দেশ করা হয়।

একটি HTML ফাইল হলো .html এক্সটেনশনের একটি সাধারণ টেক্সট ফাইল।

১.২ ওয়েব ডেভেলপমেন্টে HTML-এর গুরুত্ব

HTML ওয়েবসাইটের মূল গঠন তৈরি করে।
এটি বিভিন্ন সেকশন (যেমন: হেডিং, প্যারাগ্রাফ, ছবি, লিস্ট, টেবিল, লিংক, ফর্ম ইত্যাদি) গঠনের নিয়ম নির্ধারণ করে।

ব্রাউজার HTML ছাড়া টেক্সট, ছবি বা ফর্ম ঠিকভাবে প্রদর্শন করতে পারে না।
HTML হলো একটি ওয়েবপেজের কাঠামোর মতো।

১.৩ একটি সহজ HTML পেজের উদাহরণ

 
<!DOCTYPE html>
<html>
<head>
<title>আমার প্রথম ওয়েবপেজ</title>
</head>
<body>
<h1>আমার ওয়েবসাইটে স্বাগতম</h1>
<p>এটি আমার প্রথম ওয়েবপেজে একটি প্যারাগ্রাফ টেক্সট।</p>
</body>
</html>
  • <!DOCTYPE html>: ব্রাউজারকে জানায় এটি HTML5 ডকুমেন্ট।

  • <html>: সমস্ত HTML কনটেন্ট এই ট্যাগে থাকে।

  • <head>: পেজের মেটাডেটা যেমন শিরোনাম থাকে।

  • <body>: ব্যবহারকারীদের প্রদর্শিত বিষয়বস্তু এখানে থাকে।

১.৪ কেন প্রথমে HTML শিখতে হবে?

CSS ও JavaScript-এর মতো অ্যাডভান্সড বিষয় শিখার আগে HTML শেখা গুরুত্বপূর্ণ কারণ:

  • এটি প্রতিটি ওয়েবপেজের ভিত্তি।

  • গঠন বুঝলে স্টাইলিং ও ইন্টারেক্টিভিটি শেখা সহজ হয়।

  • খুব সহজ ভাষা, যা দিয়ে দ্রুত শুরু করা যায়।

১.৫ মূল ধারণার সারসংক্ষেপ

  • HTML অর্থ HyperText Markup Language।

  • এটি ট্যাগ ব্যবহার করে ওয়েব কনটেন্ট গঠন করে।

  • HTML-এর মৌলিক গঠন: <!DOCTYPE>, <html>, <head>, এবং <body>

  • HTML শেখা ওয়েব ডেভেলপমেন্টের প্রথম ধাপ।

    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