<html>, <head>, এবং <body> ট্যাগ।<h1> থেকে <h6>)।<p>)।<!-- -->)।<br>) এবং হরাইজন্টাল লাইন (<hr>)।<b>), Italic (<i>), Underline (<u>)।<sup>) এবং Subscript (<sub>)।<em>, <strong>)।<ol>), আনঅর্ডারড লিস্ট (<ul>)।<li>)।<a>) এবং এট্রিবিউটস।_blank, _self)।<table>, <tr>, <td>, <th>।<form> ট্যাগ)।<select> এবং <option>)।<img>) এবং এট্রিবিউটস।<audio> ট্যাগ)।<video> ট্যাগ)।<header>, <footer>, <section>, <article>, <aside>।<main> এবং <nav> ট্যাগ।
HTML (HyperText Markup Language) হলো ওয়েব পেজ এবং ওয়েব অ্যাপ্লিকেশন তৈরির জন্য ব্যবহৃত একটি মার্কআপ ভাষা। এটি এমন একটি কাঠামো সরবরাহ করে যার মাধ্যমে আমরা টেক্সট, ইমেজ, ভিডিও, এবং অন্যান্য কনটেন্টকে সাজাতে পারি এবং ব্রাউজারে প্রদর্শন করতে পারি।
HTML এর ইতিহাস ওয়েব ডেভেলপমেন্টের বিকাশের সাথে জড়িত। এটি টিম বার্নার্স-লি (Tim Berners-Lee) 1991 সালে তৈরি করেছিলেন, যিনি "ওয়ার্ল্ড ওয়াইড ওয়েব" (WWW) এর জনক হিসেবে পরিচিত। HTML সময়ের সাথে বিভিন্ন সংস্করণের মাধ্যমে উন্নত হয়েছে।
HTML ডকুমেন্ট স্ট্রাকচার হলো একটি ওয়েব পেজের মূল কাঠামো। এটি ব্রাউজারকে বলে দেয় কীভাবে কনটেন্ট প্রদর্শিত হবে। প্রতিটি HTML ডকুমেন্ট একটি নির্দিষ্ট গঠন অনুসরণ করে যা ব্রাউজার দ্বারা সহজেই বোঝা যায়।
HTML শেখা এবং ওয়েব ডেভেলপমেন্টে কাজ করার জন্য একটি ব্রাউজার এবং একটি কোড এডিটর সেটআপ করা খুবই গুরুত্বপূর্ণ। নিচে ব্রাউজার এবং জনপ্রিয় দুটি এডিটর (VS Code এবং Sublime Text) সেটআপের ধাপগুলো দেয়া হলো।
Doctype ডিক্লারেশন হলো HTML ডকুমেন্টের প্রথম লাইন, যা ব্রাউজারকে বলে দেয় ডকুমেন্টটি কোন সংস্করণের HTML ব্যবহার করছে। এটি একটি নির্দেশনা এবং কোনো HTML ট্যাগ নয়।
HTML ডকুমেন্টে <html>, <head>, এবং <body> ট্যাগ হলো প্রধান উপাদান, যা ওয়েব পেজের কাঠামো নির্ধারণ করে।
HTML-এ হেডিং ট্যাগস হলো এমন ট্যাগ যেগুলো ওয়েব পেজের বিভিন্ন স্তরের শিরোনাম তৈরি করতে ব্যবহৃত হয়। এগুলো কনটেন্টকে গঠনমূলক এবং পাঠযোগ্য করে তোলে।
<p> ট্যাগ HTML-এ একটি সাধারণ এবং বহুল ব্যবহৃত ট্যাগ যা টেক্সট প্যারাগ্রাফ তৈরি করতে ব্যবহৃত হয়। এটি একটি ব্লক লেভেল এলিমেন্ট এবং প্রতিটি প্যারাগ্রাফের জন্য একটি নতুন লাইন শুরু করে।
HTML-এ কমেন্ট ট্যাগ হলো এমন একটি ট্যাগ যা ডকুমেন্টের কোডের মধ্যে ব্যাখ্যা বা নোট যোগ করতে ব্যবহৃত হয়। এটি ব্রাউজারে দৃশ্যমান হয় না এবং কোনো প্রভাব ফেলে না। কমেন্ট ট্যাগ কোডের মধ্যে ব্যাখ্যা বা নির্দেশনা যুক্ত করতে সাহায্য করে, যা ডেভেলপারদের জন্য কোড পড়া এবং বোঝা সহজ করে।
HTML-এ লাইন ব্রেক (<br>) এবং হরাইজন্টাল লাইন (<hr>) হলো দুটি গুরুত্বপূর্ণ ট্যাগ যা কনটেন্টের ভিজ্যুয়াল গঠন তৈরি করতে ব্যবহৃত হয়।
HTML-এ Bold, Italic, এবং Underline ট্যাগগুলো টেক্সটের ফরম্যাটিং এবং হাইলাইটিং করার জন্য ব্যবহৃত হয়। এগুলো ওয়েব পেজে পাঠ্যের ভিজ্যুয়াল বৈচিত্র আনতে সাহায্য করে।
HTML-এ Superscript এবং Subscript ট্যাগগুলো টেক্সটকে সাধারণ লাইনের উপরে বা নিচে স্থানান্তর করতে ব্যবহৃত হয়। এগুলো সাধারণত গণিতের সূত্র, রাসায়নিক সমীকরণ, বা ইউনিটের এক্সপোনেন্টস প্রদর্শনের জন্য ব্যবহৃত হয়।
HTML-এ <em> এবং <strong> ট্যাগগুলো টেক্সটের গুরুত্ব বা অর্থে বিশেষ জোর দেয়ার জন্য ব্যবহৃত হয়। এগুলো কেবল ভিজ্যুয়াল স্টাইলিং নয়, বরং স্ক্রিন রিডারের মাধ্যমে অ্যাক্সেসিবিলিটিও উন্নত করে।
HTML-এ <ol> (Ordered List) এবং <ul> (Unordered List) ট্যাগগুলো আইটেমগুলোর একটি তালিকা তৈরি করতে ব্যবহৃত হয়। এগুলো ওয়েব পেজে তথ্যকে আরও সহজবোধ্য এবং সংগঠিতভাবে উপস্থাপন করতে সাহায্য করে।
HTML-এ নেস্টেড লিস্ট বলতে একটি লিস্টের ভিতরে আরেকটি লিস্ট তৈরি করা বোঝায়। এটি তথ্যকে আরও গঠনমূলক এবং শ্রেণিবদ্ধভাবে উপস্থাপন করতে ব্যবহৃত হয়। নেস্টেড লিস্টে <li> ট্যাগের ভিতরে আবার <ul> বা <ol> ট্যাগ ব্যবহার করা হয়।
HTML-এ Ordered List (<ol>) এবং Unordered List (<ul>) দিয়ে তালিকা তৈরি করার সময় বর্ণমালা এবং সংখ্যা ব্যবহার করা সম্ভব। <ol> ট্যাগে বিভিন্ন ধরনের বর্ণমালা ও সংখ্যার ফরম্যাট নির্ধারণ করার জন্য type অ্যাট্রিবিউট ব্যবহার করা হয়।
<a> (Anchor) ট্যাগ ব্যবহার করা হয় লিঙ্ক (হাইপারলিংক) তৈরি করতে। এটি ব্যবহারকারীদের একটি পেজ থেকে অন্য পেজে বা একই পেজে একটি নির্দিষ্ট স্থানে নিয়ে যেতে সাহায্য করে।
HTML-এ লিঙ্ক দুটি ভাগে বিভক্ত করা যায়:
অভ্যন্তরীণ লিঙ্ক একটি ওয়েবসাইটের বিভিন্ন পেজ বা সেকশনের মধ্যে সংযোগ স্থাপন করে।
HTML-এ <a> (anchor) ট্যাগের target অ্যাট্রিবিউট ব্যবহার করে নির্ধারণ করা যায়, লিঙ্কটি কীভাবে খুলবে। এটি একটি লিঙ্ক ক্লিক করার সময় ব্রাউজারের আচরণ নিয়ন্ত্রণ করে।
