HTML এর ভূমিকা
ওয়েব পেজ তৈরি করার জন্য এইচটিএমএল হল স্ট্যান্ডার্ড মার্কআপ ল্যাঙ্গুয়েজ।
HTML কি?
- এইচটিএমএল মানে হাইপার টেক্সট মার্কআপ ল্যাঙ্গুয়েজ
- ওয়েব পেজ তৈরি করার জন্য এইচটিএমএল হল স্ট্যান্ডার্ড মার্কআপ ল্যাঙ্গুয়েজ
- HTML একটি ওয়েব পেজের গঠন বর্ণনা করে
- এইচটিএমএল অনেকগুলো উপাদান নিয়ে গঠিত
- HTML উপাদানগুলি ব্রাউজারকে বলে যে কীভাবে সামগ্রী প্রদর্শন করতে হয়
- HTML উপাদান সামগ্রীর অংশগুলিকে লেবেল করে যেমন "এটি একটি শিরোনাম", "এটি একটি অনুচ্ছেদ", "এটি একটি লিঙ্ক"।
একটি সাধারণ HTML নথি
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>উদাহরণ বর্ণনা
<!DOCTYPE html>বিজ্ঞপ্তিটি সংজ্ঞায়িত করে যে এই নথিটি একটি HTML5 নথি৷<html>element হল একটি HTML পৃষ্ঠার মূল উপাদান<head>উপাদানটিতে HTML পৃষ্ঠা সম্পর্কে মেটা তথ্য রয়েছে<title>উপাদানটি HTML পৃষ্ঠার শিরোনাম নির্দিষ্ট করে (যা ব্রাউজারের শিরোনাম বারে বা পৃষ্ঠার ট্যাবে প্রদর্শিত হয়)।<body>উপাদানটি নথির মূল অংশকে সংজ্ঞায়িত করে এবং এটি সমস্ত দৃশ্যমান সামগ্রী যেমন শিরোনাম, অনুচ্ছেদ, চিত্র, হাইপারলিঙ্ক, টেবিল, তালিকা ইত্যাদির জন্য একটি ধারক।<h1>উপাদানটি একটি বড় শিরোনাম সংজ্ঞায়িত করে<p>উপাদান একটি অনুচ্ছেদ সংজ্ঞায়িত করে
একটি HTML উপাদান কি?
একটি HTML উপাদান একটি স্টার্ট ট্যাগ, কিছু বিষয়বস্তু এবং একটি শেষ ট্যাগ দ্বারা সংজ্ঞায়িত করা হয়:
<tagname> Content goes here... </tagname>একটি HTML উপাদান হল শুরু ট্যাগ থেকে শেষ ট্যাগ পর্যন্ত সবকিছু:
<h1>My First Heading</h1>
<p>My first paragraph.</p>| স্টার্ট মার্ক | উপাদান সামগ্রী | শেষ চিহ্ন |
|---|---|---|
<h1> |
My First Heading | </h1> |
<p> |
My first paragraph. | </p> |
<br> |
কোন বিষয়বস্তু নেই | কোন শেষ বিন্দু নেই |
দ্রষ্টব্য:
কিছু HTML উপাদানের কোন বিষয়বস্তু নেই (উদাহরণস্বরূপ<br>উপাদান)। এই উপাদানগুলিকে "খালি উপাদান" বলা হয়। খালি উপাদান কোন টার্মিনেটর আছে!
ওয়েব ব্রাউজার
একটি ওয়েব ব্রাউজার (Chrome, Edge, Firefox, Safari) এর উদ্দেশ্য হল HTML ডকুমেন্ট পড়া এবং সঠিকভাবে প্রদর্শন করা।
একটি ব্রাউজার এইচটিএমএল ট্যাগ প্রদর্শন করে না, তবে নথিটি কীভাবে প্রদর্শন করতে হয় তা নির্ধারণ করতে সেগুলি ব্যবহার করে:
ব্রাউজারে দেখুন
HTML পৃষ্ঠার গঠন
নীচে একটি HTML পৃষ্ঠার কাঠামোর একটি ভিজ্যুয়ালাইজেশন রয়েছে:
<html>
<head>
<title>Page title</title>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</body>
</html>দ্রষ্টব্য:
<body>বিভাগের মধ্যে বিষয়বস্তু একটি ব্রাউজারে প্রদর্শিত হয়.<title>উপাদানের মধ্যে থাকা বিষয়বস্তু ব্রাউজারের শিরোনাম বারে বা পৃষ্ঠার একটি ট্যাবে প্রদর্শিত হয়।
HTML এর ইতিহাস
ওয়ার্ল্ড ওয়াইড ওয়েবের প্রথম দিন থেকে, এইচটিএমএল-এর বিভিন্ন সংস্করণ রয়েছে:
| বছর | সংস্করণ |
|---|---|
| 1989 | টিম বার্নার্স-লি www আবিষ্কার করেছিলেন |
| 1991 | টিম বার্নার্স-লি এইচটিএমএল আবিষ্কার করেন |
| 1993 | ডেভ রকেট HTML+ খসড়া তৈরি করেছে |
| 1995 | HTML ওয়ার্কিং গ্রুপ HTML 2.0 সংজ্ঞায়িত করেছে |
| 1997 | W3C সুপারিশ: HTML 3.2 |
| 1999 | W3C সুপারিশ: HTML 4.01 |
| 2000 | W3C সুপারিশ: XHTML 1.0 |
| 2008 | WHATWG HTML5 প্রথম সর্বজনীন খসড়া |
| 2012 | WHATWG HTML5 হল বর্তমান স্ট্যান্ডার্ড |
| 2014 | W3C সুপারিশ: HTML5 |
| 2016 | W3C প্রার্থীর সুপারিশ: HTML 5.1 |
| 2017 | W3C সুপারিশ: HTML5.1 2য় সংস্করণ |
| 2017 | W3C সুপারিশ: HTML5.2 |
এই টিউটোরিয়ালটি সর্বশেষ HTML5 মান অনুসরণ করে।