HTML (HyperText Markup Language) ওয়েব পৃষ্ঠা এবং ওয়েব অ্যাপ্লিকেশন তৈরির জন্য একটি স্ট্যান্ডার্ড মার্কআপ ভাষা। এইচটিএমএল উপাদানগুলির একটি সিরিজ নিয়ে গঠিত,
ট্যাগ দ্বারা উপস্থাপিত, যা একটি ওয়েব পৃষ্ঠার কাঠামো এবং সামগ্রী বর্ণনা করে। এই উপাদানগুলির মধ্যে শিরোনাম, অনুচ্ছেদ, লিঙ্ক, চিত্র এবং আরও অনেক কিছু অন্তর্ভুক্ত রয়েছে। এইচটিএমএল একটি ওয়েব পৃষ্ঠার ভিজ্যুয়াল উপস্থাপনা নিয়ন্ত্রণ করতে CSS (Cascading Style Sheets) এবং গতিশীল ইন্টারঅ্যাক্টিভিটি যুক্ত করতে JavaScript
সাথে সংমিশ্রণে ব্যবহৃত হয়। একসাথে, এই প্রযুক্তিগুলি ওয়ার্ল্ড ওয়াইড ওয়েবের (World Wide Web) ভিত্তি গঠন করে এবং ওয়েব বিকাশের জন্য অপরিহার্য।
HTML কি?
HTML (HyperText Markup Language) একটি স্ট্যান্ডার্ড মার্কআপ ভাষা যা ওয়েব পৃষ্ঠা এবং অন্যান্য তথ্য তৈরি করতে ব্যবহৃত হয় যা একটি ওয়েব ব্রাউজারে প্রদর্শিত হতে পারে। এটি শিরোনাম,
অনুচ্ছেদ, চিত্র এবং লিঙ্ক সহ কোনও ওয়েবপৃষ্ঠার কাঠামো এবং বিষয়বস্তু সংজ্ঞায়িত করতে ট্যাগগুলির একটি সেট ব্যবহার করে। এইচটিএমএল একটি ওয়েবপৃষ্ঠার কাঠামো এবং এর সামগ্রী বর্ণনা করার একটি উপায় সরবরাহ করে, ওয়েব ব্রাউজারগুলিকে এটি ব্যবহারকারীদের কাছে প্রদর্শন করার অনুমতি দেয়। এটি ওয়েবের একটি গুরুত্বপূর্ণ উপাদান এবং ওয়েব পৃষ্ঠা এবং ওয়েব অ্যাপ্লিকেশন তৈরির ভিত্তি।
এখানে একটি সাধারণ এইচটিএমএল ডকুমেন্টের একটি উদাহরণ:
<!DOCTYPE html>
<html>
<head>
<title>A Simple HTML Document</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<ul>
<li>Item
1</li>
<li>Item
2</li>
<li>Item
3</li>
</ul>
<img src="image.jpg" alt="An Example
Image">
</body>
</html>
এই এইচটিএমএল ডকুমেন্টে নিম্নলিখিত উপাদানগুলি রয়েছে:
- <!DOCTYPE
html> ঘোষণা নথিতে ব্যবহৃত এইচটিএমএল সংস্করণটি নির্দিষ্ট করে।
- <html>
উপাদানটি পৃষ্ঠার অন্যান্য সমস্ত উপাদানের জন্য একটি ধারক হিসাবে কাজ করে।
- <head>
উপাদানটিতে ডকুমেন্ট সম্পর্কে মেটা তথ্য রয়েছে,
যেমন title, যা ব্রাউজারের ট্যাবে প্রদর্শিত হয়।
- <body>
উপাদানটি headings, paragraphs, lists এবং images
সহ পৃষ্ঠার মূল বিষয়বস্তু ধারণ করে।
- <h1>
উপাদানটি একটি শীর্ষ-স্তরের heading সংজ্ঞায়িত করে।
- <p>
উপাদানটি একটি অনুচ্ছেদ সংজ্ঞায়িত করে।
- <ul>
উপাদানটি একটি অনিয়ন্ত্রিত তালিকা সংজ্ঞায়িত করে এবং
<li> উপাদানগুলি প্রতিটি তালিকা আইটেমকে সংজ্ঞায়িত করে।
- <img>
উপাদানটি একটি image প্রদর্শন করে এবং নির্দিষ্ট করার জন্য একটি উত্স ফাইল (“src”)
এবং বিকল্প পাঠ্য (“alt”) প্রয়োজন।
HTML এলিমেন্ট কি?
এইচটিএমএল উপাদান একটি এইচটিএমএল ডকুমেন্টের একটি উপাদান,
যা একটি ট্যাগ দ্বারা উপস্থাপিত হয়, যা একটি নির্দিষ্ট ধরণের সামগ্রী সংজ্ঞায়িত করে। উদাহরণস্বরূপ, পাঠ্যের একটি অনুচ্ছেদ
<p> উপাদান দ্বারা উপস্থাপিত হতে পারে, <h1> দ্বারা একটি heading,
<h2>, <h3> ইত্যাদি উপাদান দ্বারা এবং <ul> বা <ol> উপাদানদ্বারা একটি list উপস্থাপন করা যেতে পারে। এইচটিএমএল উপাদানগুলি একটি ওয়েব পৃষ্ঠার কাঠামো তৈরি করতে একে অপরের মধ্যে নেস্টেড হয়। প্রতিটি এইচটিএমএল উপাদানের একটি ওপেনিং ট্যাগ এবং একটি ক্লোজিং ট্যাগ থাকে,
দুটি ট্যাগের মধ্যে সামগ্রী প্রদর্শিত হয়।
উদাহরণস্বরূপ, নিম্নলিখিত কোডটি একটি অনুচ্ছেদ সংজ্ঞায়িত করে:
<p>This is a paragraph of text.</p>
এই উদাহরণে, <p> হল ওপেনিং ট্যাগ,
</p> হল ক্লোজিং ট্যাগ, এবং " This is a paragraph of text "
content. HTML উপাদানগুলির বৈশিষ্ট্যও থাকতে পারে, যেমন <img> উপাদানের (element) “src” বৈশিষ্ট্য,
যা উপাদান সম্পর্কে অতিরিক্ত তথ্য নির্দিষ্ট করে।
ওয়েব ব্রাউজার
ওয়েব ব্রাউজারগুলি হ'ল সফ্টওয়্যার অ্যাপ্লিকেশন যা ব্যবহারকারীদের ওয়েব পৃষ্ঠাএবং অন্যান্য অনলাইন সামগ্রী দেখতে এবং ইন্টারঅ্যাক্ট করতে দেয়। এগুলি হ'ল প্রাথমিক মাধ্যম যার মাধ্যমে ব্যবহারকারীরা ওয়ার্ল্ড ওয়াইড ওয়েবঅ্যাক্সেস করে। যখন কোনও ব্যবহারকারী কোনও ব্রাউজারে তার ইউআরএল প্রবেশ করিয়ে কোনও ওয়েব পৃষ্ঠার অনুরোধ করে, ব্রাউজারটি ওয়েব সার্ভারের সাথে যোগাযোগ করে এবং পৃষ্ঠাটি তৈরি করে এমন HTML, CSS এবং JavaScript
ফাইলগুলি ডাউনলোড করে। ব্রাউজারটি তখন ব্যবহারকারীর ডিভাইসে পৃষ্ঠাটি রেন্ডার এবং প্রদর্শন করতে এই ফাইলগুলি ব্যবহার করে।
সর্বাধিক জনপ্রিয় ওয়েব ব্রাউজারগুলির মধ্যে রয়েছে গুগল ক্রোম,
মজিলা ফায়ারফক্স, অ্যাপল সাফারি,
মাইক্রোসফ্ট এজ (পূর্বে ইন্টারনেট এক্সপ্লোরার) এবং অপেরা। প্রতিটিব্রাউজারের নিজস্ব রেন্ডারিং ইঞ্জিন রয়েছে, যা নির্ধারণ করে যে এটি কীভাবে ওয়েব পৃষ্ঠাগুলি প্রদর্শন করে এবং বিভিন্ন ওয়েব স্ট্যান্ডার্ড এবং প্রযুক্তিগুলিকে বিভিন্ন ডিগ্রিতে সমর্থন করতে পারে। এই কারণেই ওয়েব ডেভেলপারদের জন্য একাধিক ব্রাউজারে তাদের পৃষ্ঠাগুলি পরীক্ষা করা গুরুত্বপূর্ণ যাতে তারা বিভিন্ন প্ল্যাটফর্ম এবং ডিভাইসজুড়ে সঠিকভাবে দেখতে এবং কাজ করে তা নিশ্চিত করতে পারে।
HTML পৃষ্ঠা কাঠামো
একটি এইচটিএমএল পৃষ্ঠার একটি স্ট্যান্ডার্ড কাঠামো রয়েছে যা নিম্নলিখিত উপাদানগুলি অন্তর্ভুক্ত করে:
<!DOCTYPE html>
<html>
<head>
<title>Page
Title</title>
</head>
<body>
<!-- Page content goes here
-->
</body>
</html>
এখানে এইচটিএমএল পৃষ্ঠা কাঠামোর একটি মৌলিক উদাহরণ রয়েছে:
একটি এইচটিএমএল পৃষ্ঠার সঠিক কাঠামো পৃষ্ঠার নির্দিষ্ট প্রয়োজনের উপর নির্ভর করে পরিবর্তিত হতে পারে, তবে উপরে বর্ণিত মৌলিক কাঠামোটি ওয়েব পৃষ্ঠাগুলি তৈরির জন্য একটি সাধারণ সূচনা পয়েন্ট।
HTML ইতিহাস
এইচটিএমএল ১৯৮০ এর দশকের শেষের দিকে ব্রিটিশ কম্পিউটার বিজ্ঞানী টিম বার্নার্স-লি দ্বারা তৈরি করা হয়েছিল,
যিনি ব্যাপকভাবে ওয়ার্ল্ড ওয়াইড ওয়েবের (World Wide Web) আবিষ্কারক হিসাবে বিবেচিত হন। বার্নার্স-লি ওয়েব পৃষ্ঠাগুলির কাঠামো এবং সামগ্রী বর্ণনা করার উপায় হিসাবে এইচটিএমএল তৈরি করেছিলেন,
যা তাদের একটি ওয়েব ব্রাউজারে প্রদর্শিত এবং ইন্টারনেটে ভাগ করার অনুমতি দেয়।
এইচটিএমএল এর প্রথম সংস্করণ,
HTML 1.0, 1991 সালে চালু করা হয়েছিল। এটি headings, paragraphs, lists এবং links সংজ্ঞায়িত করার জন্য ট্যাগগুলির একটি মৌলিক সেট সরবরাহ করেছিল এবং bold এবং italic
পাঠ্যের মতো সহজ বিন্যাসের অনুমতি দেয়।
বছরের পর বছর ধরে, এইচটিএমএল আরও পরিশীলিত এবং সক্ষম হয়ে উঠেছে,
মাল্টিমিডিয়া, ফর্ম এবং উন্নত স্টাইলিং এবং লেআউটের মতো উন্নত বৈশিষ্ট্যগুলি সমর্থন করার জন্য ভাষার নতুন সংস্করণগুলি চালু করা হয়েছে। এইচটিএমএল এর বর্তমান সংস্করণ হল HTML5, যা প্রথম 2014 সালে প্রকাশিত হয়েছিল এবং এতে আরও অর্থপূর্ণ এবং অ্যাক্সেসযোগ্য ওয়েব পৃষ্ঠাগুলির জন্য নতুন উপাদান এবং বৈশিষ্ট্য অন্তর্ভুক্ত রয়েছে।
এইচটিএমএল ওয়ার্ল্ড ওয়াইড ওয়েবের বৃদ্ধির একটি গুরুত্বপূর্ণ উপাদান এবং অনলাইন সামগ্রী তৈরি এবং বিতরণের জন্য সর্বাধিক ব্যবহৃত প্রযুক্তিগুলির মধ্যে একটি। আজ,
এইচটিএমএল সাধারণ ব্যক্তিগত ওয়েব পৃষ্ঠা থেকে জটিল ওয়েব অ্যাপ্লিকেশন পর্যন্ত সবকিছু তৈরি করতে ব্যবহৃত হয় এবং এটি আধুনিক ইন্টারনেটের একটি মৌলিক বিল্ডিং ব্লক।
HTML সংস্করণ
এখানে HTML এর প্রধান সংস্করণ একটি তালিকা:
- HTML
1.0 (1991)
- HTML
2.0 (1995)
- HTML
3.2 (1997)
- HTML
4.0 (1997)
- XHTML
1.0 (2000)
- HTML 5
(2014)
মনে রাখবেন যে এইচটিএমএল অন্যান্য ছোট খাটো সংস্করণ ছিল,
যেমন HTML 3.0 এবং HTML 4.01, তবে উপরে তালিকাভুক্ত সংস্করণগুলি ভাষার বিবর্তনের প্রধান মাইলফলকগুলি উপস্থাপন করে। প্রতিটি নতুন সংস্করণের সাথে, এইচটিএমএল নতুন বৈশিষ্ট্য যুক্ত করেছে,
বিদ্যমানগুলি উন্নত করেছে এবং গতিশীল এবং ইন্টারেক্টিভ ওয়েব পৃষ্ঠাগুলি তৈরি করার জন্য তার ক্ষমতা বাড়িয়েছে। সর্বশেষ সংস্করণ, HTML 5, আধুনিক ওয়েব অ্যাপ্লিকেশন তৈরির জন্য আরও নমনীয় এবং শক্তিশালী কাঠামো সরবরাহ করার জন্য ডিজাইন করা হয়েছে এবং মাল্টিমিডিয়া,
ডিভাইস-স্বাধীন ওয়েব পৃষ্ঠাএবং উন্নত ফর্ম এবং ডেটা স্টোরেজের জন্য আরও ভাল সমর্থন সরবরাহ করে।
HTML এর সংস্করণ তালিকা:
- Tim
Berners-Lee invented www (1989)
- Tim
Berners-Lee invented HTML (1991)
- Dave
Raggett drafted HTML+ (1993)
- HTML
Working Group defined HTML 2.0 (1995)
- W3C
Recommendation: HTML 3.2 (1997)
- W3C
Recommendation: HTML 4.01 (1999)
- W3C
Recommendation: XHTML 1.0 (2000)
- WHATWG
HTML5 First Public Draft (2008)
- WHATWG
HTML5 Living Standard (2012)
- W3C
Recommendation: HTML5 (2014)
- W3C
Candidate Recommendation: HTML 5.1 (2016)
- W3C
Recommendation: HTML5.1 2nd Edition (2017)
- W3C
Recommendation: HTML5.2 (2017)
উপরের আলোচনা কেমন লাগলো অবশ্যই আপনারা নিচে কমেন্ট করে জানাতে পারেন ধন্যবাদ। আমাদের আলোচনা আপনার ভালো লাগলে প্লিজ অন্যের সাথে শেয়ার করতে ভুলবেন না । আর আমাদের সাথে কানেক্ট থাকতে এবং রেগুলার পোষ্ট আপডেট পেতে আমাদের ফেসবুক পেজে লাইক দিন। নতুন নতুন ভিডিও পেতে Subscribe
করুন আমাদের ইউটিউব চ্যানেল ।
