HTML Structure
HTML ডকুমেন্টের একটি নির্দিষ্ট গঠন বা কাঠামো রয়েছে, যা প্রতিটি HTML ডকুমেন্টে বজায় রাখা হয়। এই কাঠামোটি নিম্নরূপ:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>এই কাঠামোর প্রধান উপাদানগুলি হলো:
<!DOCTYPE html>: এটি ডকুমেন্টের ধরন নির্ধারণ করে এবং ব্রাউজারকে জানায় যে এটি একটি HTML5 ডকুমেন্ট।<html>: সমস্ত HTML কোড এই ট্যাগের মধ্যে থাকে।<head>: এই অংশে মেটাডেটা, স্টাইল শীট, স্ক্রিপ্ট ইত্যাদি অন্তর্ভুক্ত থাকে।<title>: ওয়েব পেজের শিরোনাম নির্ধারণ করে, যা ব্রাউজারের ট্যাবে প্রদর্শিত হয়।<body>: ওয়েব পেজের দৃশ্যমান অংশ এই ট্যাগের মধ্যে থাকে, যেমন হেডিং, প্যারাগ্রাফ, ইমেজ ইত্যাদি।
জনপ্রিয় HTML ট্যাগ সমূহ
HTML এর অনেক ট্যাগ রয়েছে, তবে কিছু জনপ্রিয় এবং সাধারণত ব্যবহৃত ট্যাগ নিচে উল্লেখ করা হলো:
- হেডিং ট্যাগ:
<h1>থেকে<h6>: শিরোনাম নির্ধারণের জন্য ব্যবহৃত হয়।<h1>সবচেয়ে বড় এবং<h6>সবচেয়ে ছোট।
<h1>This is an H1 Heading</h1> <h2>This is an H2 Heading</h2> - প্যারাগ্রাফ ট্যাগ:
<p>: প্যারাগ্রাফ তৈরির জন্য ব্যবহৃত হয়।
<p>This is a paragraph.</p> - এঙ্কর ট্যাগ:
<a>: লিঙ্ক তৈরির জন্য ব্যবহৃত হয়।
<a href="https://www.example.com">This is a link</a> - ইমেজ ট্যাগ:
<img>: ছবি যোগ করার জন্য ব্যবহৃত হয়। এটি একটি স্ব-বন্ধ ট্যাগ।
<img src="image.jpg" alt="Description of image"> - অর্ডার্ড এবং আনঅর্ডার্ড লিস্ট ট্যাগ:
<ul>: আনঅর্ডার্ড লিস্ট (বুলেট পয়েন্ট) তৈরির জন্য।<ol>: অর্ডার্ড লিস্ট (সংখ্যাযুক্ত) তৈরির জন্য।<li>: লিস্ট আইটেম।
<ul> <li>Item 1</li> <li>Item 2</li> </ul> <ol> <li>Item 1</li> <li>Item 2</li> </ol> - ডিভ ট্যাগ:
<div>: ব্লক স্তরের একটি কন্টেইনার ট্যাগ, যা বিভিন্ন উপাদান গোষ্ঠীভুক্ত করতে ব্যবহৃত হয়।
<div> <p>This is inside a div.</p> </div> - স্প্যান ট্যাগ:
<span>: ইনলাইন স্তরের একটি কন্টেইনার ট্যাগ, যা টেক্সট বা অন্যান্য ইনলাইন উপাদান গোষ্ঠীভুক্ত করতে ব্যবহৃত হয়।
<span style="color: red;">This is a red text.</span> - ফর্ম ট্যাগ:
<form>: ব্যবহারকারী ইনপুট সংগ্রহের জন্য।<input>: বিভিন্ন ধরনের ইনপুট ফিল্ড তৈরির জন্য। এটি একটি স্ব-বন্ধ ট্যাগ।<textarea>: একাধিক লাইনের ইনপুট ফিল্ড।<button>: বাটন তৈরির জন্য।html ¨K25K
এই ট্যাগগুলো HTML এর প্রাথমিক ও সাধারণ ট্যাগ। এগুলি ব্যবহার করে আপনি একটি সুন্দর এবং কার্যকরী ওয়েব পেজ তৈরি করতে পারেন।