HTML কি এবং কিভাবে কাজ করে?

HTML কি বা HTML কাকে বলে?

আমরা জানি যে HTML (Hypertext Markeup Language) হল হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ। আজকের আর্টিকেলে আমি HTML সম্পর্কে বিস্তর আলোচনা করবো।

Hypertext

প্রথমেই Hypertext হাইপারটেক্সট , যা বিভিন্ন ওয়েবসাইটের ওয়েব পেজগুলি অনুসন্ধান করতে ব্যবহৃত এক ধরণের টেক্সট । এটি বিভিন্ন টেক্সট ফাইল একসাথে লিঙ্ক করতে সাহায্য করে।

যখন একটি ওয়েব পেজে অন্যান্য ওয়েব পেজের কিছু লিঙ্ক থাকে, তখন হাইপারটেক্সট দরকার হয়। এই কারণে, হাইপারটেক্সটকে হাইপারলিঙ্কও বলা হয়। বিভিন্ন ধরণের ছবি এবং ভিডিওর মধ্যে যখন লিঙ্ক করে দেওয়া হয় তখন তাকে হাইপারমিডিয়া বলে। HTML অ্যাঙ্কর ট্যাগ ( <a> ) নির্দিষ্ট পাঠ্যের সাথে এই লিঙ্ক করার কাজটি করে।

Markup

একটি ওয়েবসাইটের টেক্সট কীভাবে প্রদর্শিত হবে তা নির্ধারণ করে Markeup মার্কআপ। বিভিন্ন ধরনের HTML ট্যাগ ( যেমন <b>, <u>,<i>) নির্দিষ্ট টেক্সটকে বোল্ড, আন্ডারলাইন বা তির্যক আকারের করতে ব্যবহার করা হয়। এই ট্যাগগুলিকে মার্কআপ বলা হয়।

Language

বিভিন্ন ধরনের কোডিং এবং ট্যাগের মাধ্যমে HTML করা হয়। এইচটিএমএলও একটি ভাষা, কারণ এটি বিভিন্ন ধরনের ওয়েব পেজ বা নথি তৈরি করতে ব্যবহৃত হয়।

সহজ কথায়, HTML হল এক ধরনের প্রোগ্রামিং ভাষা যা ওয়েবসাইট তৈরি করতে ব্যবহৃত হয়। পুরো ব্যাপারটাই হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ। হাইপারটেক্সট বিভিন্ন ধরনের ওয়েব পেজ সংযুক্ত করে এবং মার্কআপ নির্ধারণ করে কিভাবে টেক্সটটি ব্যবহারকারীর কাছে প্রদর্শিত হয় হবে। HTML কোডিং এবং HTML ট্যাগের সাহায্যে বিভিন্ন ধরণের দুর্দান্ত ওয়েবসাইট তৈরি করা হয়।

HTML tag ও এর ব্যাবহার

HTML এর অর্থ কী তা আমরা সুন্দরভাবে বুঝতে পেরেছি। আমরা যদি এর ফাংশন সম্পর্কে কথা বলি, তাহলে এর প্রধান কাজ হল ওয়েবসাইট তৈরি করা।

তবে এর সাহায্যে ওয়েবসাইট তৈরির পাশাপাশি বিভিন্ন ধরনের গেম ডেভেলপমেন্ট, নেভিগেশন, ওয়েবসাইট ডেভেলপমেন্ট এবং ফরম্যাটিং-ও করা হয়।

HTML কিভাবে কাজ করে?

মূলত HTML বিভিন্ন ধরনের ট্যাগ এবং কোড নিয়ে কাজ করে। একটি নির্দিষ্ট ওয়েব পেজ কিভাবে প্রদর্শন করতে হয়, তা ওয়েব ব্রাউজারকে জানাতে এই ট্যাগগুলি ব্যবহার করা হয়।

ট্যাগ্গুলির সাহায্যে একটি ওয়েব পেজের রং, গ্রাফিক্স, টেক্সট, ফরম্যাটিং করা হয়। এসব ট্যাগের মধ্যে থাকা বিভিন্ন উপাদান একটি নির্দিষ্ট ওয়েবপেজকে ব্যবহারকারীর কাছে আকর্ষণীয় করে তুলতে সাহায্য করে।

এরজন্য একটি এনকোডিং এবং ট্যাগিং সম্পন্ন .html তৈরি করে তা ওয়েব সার্ভারে আপলোড করা হয়। ব্রাউজারের সাহায্যে এই ফাইলটি খোলার পর, ব্রাউজার তার নির্দিষ্ট ভাষায় ফাইলটি পড়ে এবং ব্যবহারকারীর সামনে ওয়েবসাইটটি প্রদর্শন করে।

কিভাবে HTML তৈরি করা যায়

এইচটিএমএল তৈরি করতে আপনাকে অবশ্যই একটি কম্পিউটারের সাহায্য নিতে হবে। প্রথমেই কম্পিউটারের নোটপ্যাড খুলে কিছু HTML কোডিং করে ফাইলটি কম্পিউটারে .html ফরম্যাটে সেভ করুন। তারপর কম্পিউটারে যেকোন ব্রাউজার দিয়ে .html ফাইলটি ওপেন করে দেখুন নির্দিষ্ট HTML ফাইলটি সঠিকভাবে কাজ করছে কিনা।

নোটপ্যাডে এইচটিএমএল এনকোড করার সময় ব্রাউজারে পূর্বরূপ দেখে এটি তৈরি করতে হয়।

কিভাবে বেসিক এইচটিএমএল কোডিং করতে হয় তার জন্য আমি নিচে আলোচনা করেছি।

কিভাবে HTML ব্যবহার করে ওয়েব পেজ তৈরি করতে হয়?

আমরা জানলাম HTML কি, কেন এবং কিভাবে কাজ করে। এখন জানবো কিভাবে এর ব্যবহার করে একটি ওয়েব পেজ তৈরি করতে হয়।

HTML ব্যবহার করে একটি ওয়েব পেজ তৈরি করতে প্রথমে কম্পিউটারে নোটপ্যাড খুলুন এবং নিচের দেখানো ব্যাসিক কোডটি লিখুন।

<!DOCTYPE html>

<html>

<head>

<title> HTML Class </title>

</head>

<body>

<p> Hello, this is my first coding. </p>

</body>

</html>

HTML যে ওয়েবসাইট তৈরি করতে ব্যবহৃত একটি ভাষা, তা কম্পিউটারকে জানাতে <!DOCTYPE html> এই কমান্ডটি ব্যবহৃত হয় ।
<html> হল HTML কোডিং শুরু করার এবং </html> শেষ করার ট্যাগ। একটি নতুন এনকোডিং শুরু এবং সম্পূর্ণ করতে এই দুটি কমান্ডের প্রয়োজন।
<head> ট্যাগ হল প্রধান শিরোনাম বিভাগ। আপনি যে জিনিসগুলি যোগ করতে চান তা ঠিক করার পরে এটি </head> দিয়ে শেষ করতে হয়।সুতরাং এই ট্যাগ ওয়েবসাইটের শিরোনাম দিতে ব্যবহার করা হয়।
প্রতিটি শিরোনাম দিতে, <title> কমান্ডটি শিরোনামের শুরুতে এবং শিরোনামের শেষে </title> উল্লেখ করতে হবে।
শিরোনাম দেওয়া হয়ে গেলে, মূল ওয়েবসাইটে কী দেখাবে তা নির্দেশ করতে আপনাকে <body> ট্যাগ ব্যবহার করতে হবে। এখানে আপনি বিভিন্ন ধরনের <h1>, <p>, <i> উপাদান দিয়ে নির্দিষ্ট পাঠ্য শিরোনাম, উপশিরোনাম, অনুচ্ছেদ, ইটালিক, বোল্ড এবং আন্ডারলাইন তৈরি করতে পারেন। ওয়েবসাইটের বডিতে সবকিছু যোগ করার পর, </body> দিয়ে কমান্ডটি বন্ধ করুন।
এখন .html এক্সটেনশন দিয়ে কম্পিউটারে এই নির্দিষ্ট এনকোডিংটি সংরক্ষণ করুন। তারপর আপনি আপনার ওয়েবপেজ কিভাবে তৈরি করা হয়েছে তা দেখতে যেকোনো ব্রাউজার দিয়ে ব্রাউজ করতে পারেন।
এছাড়াও ওয়েবসাইটটি আকর্ষনীয় করে সাজাতে আপনি <div></div>, <br>, <ol><li> </li></ol>,<img> ইত্যাদিসহ বিভিন্ন ট্যাগ, কমান্ড ব্যবহার এবং css এর কাজ করতে পারবেন।

আরো পড়ুনঃ

গনিতের ইতিহাস

ডাটা এন্ট্রি শিখে ইনকামের জন্য ৯টি সেরা ওয়েবসাইট

গণিতে ভালো করার উপায়

সেলস ম্যানেজার হতে কি কি জানতে হবে?

সার্চ করার জন্য Incognito Mode ব্যবহার করছেন?

সরকারী চাকরির প্রস্তুতি যেভাবে শুরু করবেন

চাকরির প্রস্তুতিতে হতে হবে পরিশ্রমী ও কৌশলী

ইন্টারভিউয়ের জন্য সেরা পাঁচটি প্রশ্নউত্তর