এইচটিএমএল পরিচিতি

HTML (HyperText Markup Language) হল একটি মার্কআপ ভাষা যা ওয়েবপেজের কাঠামো তৈরি করতে ব্যবহৃত হয়। এটি ব্রাউজারকে বলে দেয় কিভাবে কন্টেন্ট দেখাতে হবে। HTML এর মাধ্যমে টেক্সট, ইমেজ, লিঙ্ক, টেবিল ইত্যাদি ওয়েবপেজে যুক্ত করা যায়।

HTML ট্যাগ ও এলিমেন্ট

HTML ট্যাগ এবং এলিমেন্ট হল HTML এর মূল ভিত্তি। প্রতিটি HTML ডকুমেন্ট বিভিন্ন ট্যাগ এবং এলিমেন্ট দিয়ে গঠিত।

HTML ট্যাগ হল বিশেষ কীওয়ার্ড যা অ্যাঙ্গেল ব্র্যাকেট (<>) এর মধ্যে থাকে। প্রতিটি ট্যাগের একটি ওপেনিং ট্যাগ এবং একটি ক্লোজিং ট্যাগ থাকে। HTML এলিমেন্ট হল ওপেনিং ট্যাগ, কন্টেন্ট এবং ক্লোজিং ট্যাগের সমন্বয়। উদাহরণস্বরূপ:

<p>এটি একটি প্যারাগ্রাফ।</p>

এখানে <p> হল ওপেনিং ট্যাগ এবং </p> হল ক্লোজিং ট্যাগ। আর <p>এটি একটি প্যারাগ্রাফ।</p> পুরোটা একটি এলিমেন্ট।

কিছু সাধারণ HTML ট্যাগ

<h1> থেকে <h6>: হেডিং ট্যাগ, যেখানে <h1> সবচেয়ে বড় এবং <h6> সবচেয়ে ছোট।
<p>: প্যারাগ্রাফ ট্যাগ।
<a>: অ্যাঙ্কর ট্যাগ, যা লিঙ্ক তৈরি করতে ব্যবহৃত হয়।
<img>: ইমেজ ট্যাগ, যা ইমেজ প্রদর্শন করতে ব্যবহৃত হয়।
<ul> এবং <li>: আনঅর্ডারড লিস্ট এবং লিস্ট আইটেম ট্যাগ।
<table>: টেবিল ট্যাগ, যা টেবিল তৈরি করতে ব্যবহৃত হয়।

নিচে খুব সাধারণ একটি ওয়েবপেজ এর উদাহরণ দেওয়া হলো।

<!DOCTYPE html>
<html>
<head>
    <title>আমার প্রথম ওয়েবপেজ</title>
</head>
<body>
    <h1>আপনাকে স্বাগতম</h1>
    <p>এটি আমার প্রথম ওয়েবপেজ।</p>
    <a href="https://example.com">এখানে ক্লিক করুন</a>
    <img src="image.jpg" alt="একটি ছবি">
</body>
</html>

উপরের উদাহরণটি ব্রাউজারের জন্য টাইটেল, একটি বড় হেডার, একটি প্যারাগ্রাফ, একটি লিংক এবং একটি ইমেজ দেখাবে।