এইচটিএমএল হল একটি মার্কআপ ল্যাংগুয়েজ যার মাধ্যমে যেকোনো ওয়েবসাইটের স্ট্রাকচার তৈরি করা হয় | একটি ওয়েবসাইট ডেকোরেশন করার জন্য এইচটিএমএল ল্যাঙ্গুয়েজ ব্যবহার করা হয় |
আজকে টিউটোরিয়াল থেকে আপনারা জানতে পারবেন,
এইচটিএমএল কি ?
এইচটিএমএল ডকুমেন্ট কিভাবে কাজ করে
এইচটিএমএল এলিমেন্ট কি
এইচটি এম এল পেজ স্ট্রাকচার
এইচটিএমএল কোড কে কিভাবে ওয়েব ব্রাউজার রান করানো যায়
তাহলে চলুন জেনে নেয়া যাক কিভাবে কিভাবে কাজ করে |
এইচটিএমএল কি ?
এইচটিএমএল হল একটি মার্কআপ ল্যাংগুয়েজ যার মাধ্যমে যেকোনো ওয়েবসাইটের স্ট্রাকচার তৈরি করা হয় | HTML এর পূর্ণরূপ হচ্ছে HYper Text Markup Language. এইচটিএমএল এলিমেন্ট এর মাধ্যমে সিরিয়াল মেনটেন করে যেকোন ওয়েবপেজ ক্রিয়েট করা হয় | এই মার্কআপ ল্যাংগুয়েজ এর মাধ্যমে সেটআপ করে দেওয়া হয় একটি ব্রাউজার একটি ওয়েব পেজটি কিভাবে প্রদর্শিত হবে | যার মধ্যে বিভিন্ন ধরনের লিংক প্যারাগ্রাফ ইমেজ অডিও ভিডিও সহ যেকোনো কনটেন্ট এড করা হয় |
এইচটিএমএল ডকুমেন্ট
এইচটিএমএল ল্যাঙ্গুয়েজ ডিগ্রি করার জন্য বিভিন্ন ধরনের ডকুমেন্ট ব্যবহার করা হয় যার মাধ্যমে একটি ওয়েবসাইটে সুন্দরভাবে তৈরি করেছে | আমরা এখানে সম্পর্কে বিস্তারিত জানব |
<DOCTYPE html> – এটি সাধারণত এইচটিএমএল এর ভাষণ দেয়ার করার জন্য ব্যবহার করা হয় |
<html> – </html> – এইচটিএমএল ট্যাগ কি মূলত ওয়েবসাইটের মধ্যে সবগুলোকে কনটেন্ট বর্ণনা করতে সাহায্য করে |
<head>-</head> – ওয়েবপেজের অতিরিক্ত তথ্য সরবরাহ করতে ব্যবহার করা হয় |
<title>-</title> – এটি টেক্সট ডকুমেন্টের নাম্বার টাইটেল নির্দেশ করে |
<body> – </body> – ওয়েবপেজের সব কনটেন্টগুলো সংরক্ষণ করতে সাহায্য করে | যা পেজে প্রদর্শিত হয় |
<h1> -<h6> গুরুত্বপূর্ণ কনটেন্ট প্রদর্শন করার জন্য ব্যবহার করা হয় |
<p> কোন প্যারাগ্রাফ সেট করতে ব্যবহার করা হয় |
<img> যেকোনো ধরনের ইমেজ ওয়েবপেজে আপলোড করার জন্য ব্যবহার করা হয় |
<audio> ওয়েবসাইটে কোন অডিও করার জন্য ব্যবহার করা হয় |
<video > ওয়েবপেজের মধ্য যেকোনো ধরনের ভিডিও আপলোড করতে ব্যবহার করা হয় |
এইচটিএমএল ডকুমেন্ট এর উদাহরণ নিচে দেওয়া হল,
এইচটিএমএল এলিমেন্ট কি?
একটি ওপেনিং ট্যাগ, কিছু কনটেন্ট এবং একটি ক্লোজিং ট্যাগ এর সমন্বয়ে গঠিত এইচটিএমএল এলিমেন্ট | যার মধ্যে বিভিন্ন ধরনের কনটেন্ট থাকে এবং এই এলিমেন্ট এর মাধ্যমে ওই কনটেন্টগুলোকে ওয়েবসাইটে প্রদর্শন করা হয় |
বোঝার সুবিধার্থে নিচে একটি উদাহরণ দেয়া হল –
এইচটিএমএল ল্যাঙ্গুয়েজে বিভিন্ন ধরনের এলিমেন্ট রয়েছে যা ম্যাক্সিমাম ব্যবহার করা হয় | নিচে কিছু এইচটিএমএল এলিমেন্ট দেখানো হলো,
<html> </html>
<head> </head>
<title> </title>
<body> </body>
<h1> <//h1> to <h6> </h6>
<p> </p>
<br>
এইচটিএমএল এলিমেন্ট এর সব সময় স্মল লেটার হয় | অনেকগুলো এইচটিএমএল এলিমেন্ট মধ্য আরো এলিমেন্ট থাকতে পারে যাকে নেস্টেড এলিমেন্ট বলা হয় | প্রায় সকল এলিমেন্ট রেটিরেমেন্ট নিয়ে গঠিত হয় |
এইচটিএমএল পেজ স্ট্রাকচার
এইচটিএমএল এর পেজ স্ট্রাকচার কেমন হয় নিচে তা দেখানো হলো –
এইচটিএমএল কোড কে কিভাবে ওয়েব ব্রাউজার রান করানো যায়
আপনি এইচটিএমএল ডকুমেন্টকে যেকোনো ব্রাউজার ( Google, Edge, Opera, Bing etc) রান করাতে পারেন |
আপনি যে স্ট্রাকচার টি তৈরি করবেন এইচটিএমএল ল্যাঙ্গুয়েজ এর মাধ্যমে সেটি সেভ করে ওপেন উইথ ব্রাউজার সিলেক্ট করুন তাহলে আপনি সেই কোডটি ব্রাউজারে সুন্দর ভাবে আউটপুট দেখতে পাবেন | এখানে আপনার কোন করবেনা কিন্তু শো করবে |
আমরা উপরে যেয়ে স্ট্রাকচার টি করেছি ব্রাউজারে রান করলে কেমন হয় সেটা দেখব |
তাহলে আজকে টিউটরিয়াল থেকে আমরা জানতে পারলাম কিভাবে এইচটিএমএল এর মূল বিষয়গুলো কাজ করে | এ বিষয়ে কারো কোন প্রশ্ন থাকলে অবশ্যই কমেন্টে জানাবেন, আমরা আপনাকে অবশ্যই সাহায্য করব |