HTML পরিচিতি: ট্যাগ, এলিমেন্ট ও অ্যাট্রিবিউট

অধ্যায় ৪: ওয়েব ডিজাইন পরিচিতি ও HTML লেসন ২২ / ৩৬

HTML কী?

HTML (HyperText Markup Language) দিয়ে ওয়েব পেজের কাঠামো তৈরি করা হয়। এটি প্রোগ্রামিং ভাষা নয়, মার্কআপ ভাষা। টিম বার্নার্স-লি এর প্রবর্তক।

ট্যাগ, এলিমেন্ট ও অ্যাট্রিবিউট

<a href="https://example.com">এখানে ক্লিক করো</a>
  • ট্যাগ: <a> শুরুর ট্যাগ, </a> শেষের ট্যাগ।
  • এলিমেন্ট: শুরুর ট্যাগ থেকে শেষের ট্যাগ পর্যন্ত পুরো অংশ।
  • অ্যাট্রিবিউট: অতিরিক্ত তথ্য, এখানে href।
  • খালি ট্যাগ: যার শেষের ট্যাগ নেই, যেমন <br>, <hr>, <img>।

একটি HTML পেজের গঠন

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>আমার প্রথম পেজ</title>
</head>
<body>
  <h1>স্বাগতম</h1>
  <p>এটি আমার প্রথম ওয়েব পেজ।</p>
</body>
</html>
  • <head>: পেজ সম্পর্কিত তথ্য; পৃষ্ঠায় সরাসরি দেখা যায় না।
  • <title>: ব্রাউজারের ট্যাবে যে নাম দেখায়।
  • <body>: পৃষ্ঠায় যা দেখা যায়।

নিজে করে দেখো

  1. Notepad খোলো এবং ওপরের কোড লেখো।
  2. index.html নামে সেভ করো (Encoding: UTF-8)।
  3. ফাইলটিতে ডাবল ক্লিক করো — ব্রাউজারে পেজটি খুলবে।
মনে রাখো: বাংলা লেখা ঠিকমতো দেখাতে charset="UTF-8" অবশ্যই দাও।
অনুশীলনী
  1. ট্যাগ ও এলিমেন্টের পার্থক্য উদাহরণসহ লেখো।
  2. খালি ট্যাগ কী? তিনটি উদাহরণ দাও।
  3. নিজের নাম ও কলেজের নাম দেখায় এমন একটি HTML পেজ লেখো।