এইচটিএমএল মানে হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ। এটি একটি ওয়েব ব্রাউজারে প্রদর্শনের জন্য ডিজাইন করা নথিগুলির জন্য আদর্শ মার্কআপ ভাষা। ক্যাসকেডিং স্টাইল শীট (সিএসএস) এবং জাভাস্ক্রিপ্টের মতো স্ক্রিপ্টিং ভাষাগুলির মতো প্রযুক্তিগুলি দ্বারা এইচটিএমএলকে সহায়তা করা যেতে পারে।
এর মূলে, ইন্টারনেট হল বিশ্বব্যাপী সংযুক্ত কম্পিউটারগুলির একটি বিশাল নেটওয়ার্ক। আমরা এই নেটওয়ার্কের সাথে যোগাযোগ করার প্রাথমিক উপায় হল ওয়ার্ল্ড ওয়াইড ওয়েব (WWW), ইন্টারনেটের মাধ্যমে অ্যাক্সেস করা ইন্টারলিঙ্কড হাইপারটেক্সট নথিগুলির একটি সিস্টেম। WWW এর কেন্দ্রস্থলে রয়েছে ওয়েব পেজ, যা HTML এ লেখা নথি। এইচটিএমএল সাইটগুলির মৌলিক কাঠামো প্রদান করে, যা CSS এবং জাভাস্ক্রিপ্টের মত অন্যান্য প্রযুক্তি দ্বারা উন্নত এবং পরিবর্তিত হয়।
একটি এইচটিএমএল ডকুমেন্ট নেস্টেড ট্যাগগুলির একটি সেট অনুসারে গঠন করা হয়, যা এঙ্গেল বন্ধনীতে আবদ্ধ উপাদান। এই ট্যাগগুলি ওয়েব ব্রাউজারকে জানায় কিভাবে বিষয়বস্তু প্রদর্শন করতে হয়। একটি সাধারণ HTML নথি কাঠামোর একটি উদাহরণ হল:
<!DOCTYPE html>
<html>
<মাথা>
<title>পৃষ্ঠার শিরোনাম</title>
</head>
<body>
<h1>এটি একটি শিরোনাম</h1>
<p>এটি একটি অনুচ্ছেদ।</p>
</body>
</html>
এই কোডটি একটি শিরোনাম, একটি শিরোনাম এবং পাঠ্যের একটি অনুচ্ছেদ সহ একটি মৌলিক ওয়েবপৃষ্ঠাকে সংজ্ঞায়িত করে৷
এইচটিএমএল ডকুমেন্ট এইচটিএমএল উপাদান দিয়ে গঠিত। প্রতিটি উপাদান একটি স্টার্ট ট্যাগ, কিছু বিষয়বস্তু এবং একটি শেষ ট্যাগ দ্বারা প্রতিনিধিত্ব করা হয়। একটি উপাদানের শুরু এবং শেষ ট্যাগগুলি অভিন্ন, তবে শেষ ট্যাগে উপাদানের নামের আগে একটি ফরোয়ার্ড স্ল্যাশ অন্তর্ভুক্ত থাকে।
উদাহরণস্বরূপ, <code><p></code> ট্যাগটি পাঠ্যের একটি অনুচ্ছেদকে আবদ্ধ করে, এবং এটি নিম্নরূপ গঠন করা হয়েছে:
<p>এটি একটি উদাহরণ অনুচ্ছেদ।</p>
বিভিন্ন উপাদান বিভিন্ন উদ্দেশ্যে পরিবেশন করে। এই ক্ষেত্রে:
এইচটিএমএল উপাদানের বৈশিষ্ট্য থাকতে পারে যা উপাদান সম্পর্কে অতিরিক্ত তথ্য প্রদান করে। বৈশিষ্ট্যগুলি একটি উপাদানের স্টার্ট ট্যাগের মধ্যে স্থাপন করা হয় এবং প্রায়শই <code>name="value"</code> এর মতো নাম/মান জোড়ায় দেওয়া হয়।
উদাহরণস্বরূপ, একটি ছবি এম্বেড করার জন্য, আমরা ছবির URL নির্দিষ্ট করতে <code>src</code> (সোর্স) অ্যাট্রিবিউট সহ <code><img></code> ট্যাগ ব্যবহার করি:
<img src="url to image.jpg" alt="চিত্রের বিবরণ">
<code>alt</code> বৈশিষ্ট্যটি চিত্রটির জন্য বিকল্প পাঠ্য প্রদান করে যদি এটি প্রদর্শন করা না যায়।
<code><a></code> ট্যাগের ব্যবহার হাইপারলিঙ্ক তৈরি করে, যা ওয়েবের আন্তঃসংযোগের ভিত্তি। একটি হাইপারলিঙ্ক অন্য ওয়েব পৃষ্ঠার সাথে লিঙ্ক করতে পারে, একই পৃষ্ঠার একটি ভিন্ন বিভাগ বা এমনকি একটি ডাউনলোডযোগ্য ফাইল। উদাহরণ স্বরূপ:
<a href="https://example.com">Example.com এ যান</a>
এটি <code>https://example.com</code>-এর একটি লিঙ্ক তৈরি করে।
HTML তালিকা তৈরির জন্য উপাদান প্রদান করে। দুটি প্রাথমিক ধরনের তালিকা আছে:
তালিকার প্রতিটি আইটেম <code><li></code> (তালিকা আইটেম) ট্যাগের মধ্যে আবদ্ধ।
HTML5 হল স্ট্যান্ডার্ডের সর্বশেষ বিবর্তন, যা মাল্টিমিডিয়া এবং ইন্টারেক্টিভ ডকুমেন্টের জন্য আধুনিক প্রয়োজনীয়তাগুলিকে প্রতিফলিত করে এমন অনেকগুলি নতুন বৈশিষ্ট্য প্রবর্তন করে৷ এর মধ্যে রয়েছে নতুন কাঠামোগত উপাদান (<code><header></code>, <code><footer></code>, <code><article></code>, <code><section></code>) , গ্রাফিক উপাদান (অঙ্কনের জন্য <code><canvas></code>, মাপযোগ্য ভেক্টর গ্রাফিক্সের জন্য <code><svg></code>), এবং মিডিয়া উপাদান (<code><audio></code> এবং <code> <ভিডিও></code>)।
শব্দার্থিক এইচটিএমএল ওয়েবপেজে তথ্যের শব্দার্থবিদ্যা বা অর্থকে শক্তিশালী করতে এইচটিএমএল মার্কআপের ব্যবহারকে বোঝায়। উপাদানগুলি কীভাবে দেখায় বা আচরণ করে (এটি সিএসএস এবং জাভাস্ক্রিপ্টের জন্য একটি কাজ) তা কেবলমাত্র সংজ্ঞায়িত করার পরিবর্তে, শব্দার্থিক এইচটিএমএল কাঠামো এবং বিষয়বস্তুর ধরণকে সঠিকভাবে বর্ণনা করে। উদাহরণস্বরূপ, একটি <code><article></code> ট্যাগ নির্দেশ করে যে ভিতরের বিষয়বস্তু একটি নিবন্ধ, যখন একটি <code><nav></code> ট্যাগ একটি নেভিগেশন মেনুকে নির্দেশ করে।
শব্দার্থিক HTML ব্যবহার করা ওয়েব সামগ্রীর অ্যাক্সেসযোগ্যতা এবং অনুসন্ধানযোগ্যতা উন্নত করে, এটিকে আরও ব্যবহারযোগ্য এবং আবিষ্কারযোগ্য করে তোলে।
HTML হল ওয়ার্ল্ড ওয়াইড ওয়েবের একটি ভিত্তিপ্রস্তর প্রযুক্তি, যা ওয়েব পৃষ্ঠাগুলির জন্য মৌলিক কাঠামো প্রদান করে। ট্যাগ, বৈশিষ্ট্য এবং উপাদান ব্যবহারের মাধ্যমে, এইচটিএমএল কাঠামোগত নথি তৈরির অনুমতি দেয়। HTML বোঝার এবং কাজে লাগানোর মাধ্যমে, কেউ ওয়েবে সহজলভ্য টেক্সট ডকুমেন্ট থেকে জটিল ইন্টারেক্টিভ মাল্টিমিডিয়া অভিজ্ঞতা পর্যন্ত বিস্তৃত কন্টেন্ট তৈরি করতে পারে। ওয়েব ডেভেলপমেন্টের ভিত্তি হিসেবে, যে কেউ ওয়েবের জন্য ডিজাইন বা ডেভেলপ করতে চায় তাদের জন্য HTML এর আয়ত্ত অপরিহার্য।