এইচটি এম এল (HTML) পরিচিতি।
এইচটি এম এল (HTML) পরিচিতি।
এইচটিএমএল, (HTML) বা হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ, ওয়েব পেজ তৈরি এবং ডিজাইন করতে ব্যবহৃত স্ট্যান্ডার্ড মার্কআপ ভাষা। এটি শিরোনাম, অনুচ্ছেদ, চিত্র, লিঙ্ক এবং আরও অনেক কিছুর মতো উপাদান সংজ্ঞায়িত করে একটি ওয়েবপৃষ্ঠার গঠন এবং বিষয়বস্তু প্রদান করে। এখানে HTML এর একটি সংক্ষিপ্ত ভূমিকা রয়েছে:
1. বেসিক স্ট্রাকচার: একটি এইচটিএমএল ডকুমেন্টে নেস্টেড এলিমেন্ট থাকে যা একটি হায়ারার্কিক্যাল স্ট্রাকচার তৈরি করে। দস্তাবেজটি একটি `<!DOCTYPE html>` ঘোষণা দিয়ে শুরু হয়, এরপর একটি `<html>` উপাদান থাকে যা পৃষ্ঠার সম্পূর্ণ বিষয়বস্তুকে মোড়ানো হয়।
2. হেড সেকশন: `<html>` উপাদানের ভিতরে, দুটি প্রধান বিভাগ আছে: `<head>` এবং `<body>`। `<head>` বিভাগে নথি সম্পর্কে মেটাডেটা রয়েছে, যেমন পৃষ্ঠার শিরোনাম, অক্ষর সেট ঘোষণা, CSS স্টাইলশীট এবং স্ক্রিপ্ট।
3. বডি সেকশন: `<body>` বিভাগে ওয়েবপেজের দৃশ্যমান বিষয়বস্তু রয়েছে। এখানে আপনি টেক্সট, ছবি, ভিডিও, লিঙ্ক এবং ইন্টারেক্টিভ উপাদানের মত উপাদান রাখুন।
4. উপাদান এবং ট্যাগ: HTML একটি ওয়েবপৃষ্ঠার গঠন এবং বিষয়বস্তু নির্ধারণ করতে উপাদান এবং ট্যাগ ব্যবহার করে। উপাদানগুলি একটি খোলার ট্যাগ, বিষয়বস্তু এবং একটি সমাপ্তি ট্যাগ দ্বারা গঠিত। ট্যাগগুলি কোণ বন্ধনীতে আবদ্ধ থাকে (`<` এবং `>`)। উদাহরণস্বরূপ, `<p>` হল একটি অনুচ্ছেদের শুরুর ট্যাগ এবং `</p>` হল ক্লোজিং ট্যাগ৷
5. অ্যাট্রিবিউটস: এলিমেন্টে এমন বৈশিষ্ট্য থাকতে পারে যা এলিমেন্ট সম্পর্কে অতিরিক্ত তথ্য প্রদান করে। বৈশিষ্ট্যগুলি খোলার ট্যাগের মধ্যে স্থাপন করা হয় এবং নাম-মান জোড়া হিসাবে লেখা হয়। উদাহরণস্বরূপ, একটি অ্যাঙ্কর (`<a>`) ট্যাগে `href` অ্যাট্রিবিউট লিঙ্কটির URL নির্দিষ্ট করে।
6. সাধারণ ট্যাগ: কিছু সাধারণ HTML ট্যাগের মধ্যে রয়েছে:
<h1> থেকে <h6> পর্যন্ত বিভিন্ন স্তরের হ্যাডিং ট্যাগ আছে।
<p> অনুচ্ছেদ।
<a> অ্যাঙ্কর বা হাইপারলিঙ্ক।
<img> ছবি।
<ul> এবং <ol> যথাক্রমে ক্রমবিহীন এবং ক্রমবিন্যস্ত তালিকা।
-<li> তালিকা আইটেম।
<div> এবং <span> লেআউট এবং স্টাইলিংয়ের জন্য ব্যবহৃত সাধারণ পাত্র।
7. মন্তব্য: আপনি <!-- এখানে কমেন্ট লেখবেন --> সিনট্যাক্স ব্যবহার করে HTML এ মন্তব্য যোগ করতে পারেন। মন্তব্যগুলি ওয়েবপৃষ্ঠায় প্রদর্শিত হয় না তবে আপনার কোড নথিভুক্ত করার জন্য দরকারী হতে পারে৷
8. হোয়াইটস্পেস এবং ইন্ডেন্টেশন: যদিও এইচটিএমএল এর জন্য নির্দিষ্ট ইন্ডেন্টেশন বা হোয়াইটস্পেস প্রয়োজন হয় না, পঠনযোগ্যতার জন্য আপনার কোড ফরম্যাট করার জন্য এটি ভাল অনুশীলন। সামঞ্জস্যপূর্ণ ইন্ডেন্টেশন এবং ব্যবধান আপনার HTML বুঝতে এবং বজায় রাখা সহজ করে তুলতে পারে।
9. Semantic HTML: শব্দার্থিক HTML বলতে এমন উপাদান ব্যবহার করা বোঝায় যা তাদের মধ্যে থাকা বিষয়বস্তুর অর্থ প্রকাশ করে। উদাহরণস্বরূপ, একটি নেভিগেশন মেনুর জন্য একটি ক্লাসের সাথে `<div>` ব্যবহার করার পরিবর্তে, আপনি `<nav>` উপাদান ব্যবহার করতে পারেন, যা শব্দার্থকভাবে নেভিগেশন লিঙ্কগুলিকে উপস্থাপন করে।
10. Validation: ভাষার সিনট্যাক্স নিয়ম মেনে চলা সুগঠিত HTML কোড লিখতে হবে। আপনি অনলাইন যাচাইকারী বা ব্রাউজার বিকাশকারী সরঞ্জামগুলি ব্যবহার করে আপনার HTML কোড যাচাই করতে পারেন যাতে এটি ত্রুটি-মুক্ত এবং সর্বোত্তম অনুশীলনগুলি অনুসরণ করে।
এইচটিএমএল হল ওয়েব ডেভেলপমেন্টের ভিত্তি, এবং এটিকে আয়ত্ত করা হল গতিশীল এবং ইন্টারেক্টিভ ওয়েব অভিজ্ঞতা তৈরির প্রথম ধাপ।
HTML হচ্ছে নন কেইস সেনসেটিভ ল্যাংগুয়েজ। অর্থাৎ বড় হাতের লেটার আর ছোট হাতের লেটার এর মধ্যে কোন পার্থক্য নেই।
HTML মানি hypertext markup language
আসুন আমরা কিছু সিম্বল সম্পর্কে অবগত হই।
👉 ! এটাকে এক্সক্লেমেশন সাইন বলে।
👉 < এটাকে লেফট এঙ্গেল ব্রেকেট বলে ।
👉 > এটাকে রাইট এঙ্গেল ব্রেকেট বলে।
👉 () এটাকে প্যারেনথেসেস বলে।
👉 {} এটাকে কারলিব্রেসেস বলে।
👉 [] এটাকে স্কয়ার ব্রেকেট বলে।
Thank you for reading the post.