বিশ্বের সবচেয়ে বড় বাংলা ওয়েব ডেভেলোপার সাইট
এইচটিএমএল ওয়েব পৃষ্ঠাগুলি তৈরির জন্য আদর্শ মার্কআপ ভাষা। HTML এর পূর্ণরূপ হলো HyperText Markup Language। এটি একটি মার্কআপ ল্যাংগুয়েজ যেটি ওয়েবসাইট তৈরিতে ব্যবহৃত হয়। একটি ওয়েবপেজের গঠন বা স্ট্রাকচার HTML দিয়েই তৈরি করা হয়। আপনি যে কোনো ওয়েবপেজ ব্রাউজারে দেখেন, তার পিছনে কাজ করে এই HTML।
একটি সাধারন HTML ডকুমেন্ট নিচের মতো দেখতে হয়:
<!DOCTYPE html> ঘোষণাটি সংজ্ঞায়িত করে যে এই দস্তাবেজটি একটি HTML5 ডকুমেন্ট <html>
উপাদানটি একটি HTML পৃষ্ঠার মূল উপাদান
<head> উপাদানটিতে HTML পৃষ্ঠা সম্পর্কে মেটা সম্পর্কিত তথ্য রয়েছে<title> উপাদান HTML পৃষ্ঠার জন্য একটি শিরোনাম নির্দিষ্ট করে (যা ব্রাউজারের শিরোনাম বারে বা পৃষ্ঠার ট্যাবে প্রদর্শিত হয়)<body> উপাদানটি বডিটি সংজ্ঞায়িত করে এবং শিরোনাম, অনুচ্ছেদ, চিত্র, হাইপারলিঙ্কস, টেবিল, তালিকাগুলি ইত্যাদির মতো দৃশ্যমান সমস্ত সামগ্রীর জন্য একটি ধারক<h1> উপাদানটি একটি বৃহত শিরোনামকে সংজ্ঞায়িত করে<p> উপাদান অনুচ্ছেদে সংজ্ঞায়িত করে
HTML ট্যাগগুলো ব্রাউজার বুঝতে পারে এবং সেই অনুযায়ী কনটেন্ট প্রদর্শন করে। যেমন <h1> ট্যাগ বড় হেডিং তৈরি করে, <p> ট্যাগ প্যারাগ্রাফ তৈরি করে।
একটি HTML উপাদান একটি শুরু ট্যাগ, কিছু সামগ্রী এবং একটি শেষ ট্যাগ দ্বারা সংজ্ঞায়িত করা হয়:
এইচটিএমএল উপাদানটি শুরু ট্যাগ থেকে শেষ ট্যাগ পর্যন্ত সমস্ত কিছু
| Start tag/স্টার্ট ট্যাগ | Element content/সামগ্রী | End tag/শেষ ট্যাগ |
|---|---|---|
| <h1> | My First Heading | </h1> |
| <p> | My first paragraph. | </p> |
| <br> | none | none |
বিঃদ্রঃ কিছু এইচটিএমএল উপাদানগুলির কোনও বিষয়বস্তু নেই (যেমন <br> উপাদান)। এই উপাদানগুলিকে খালি উপাদান বলা হয়। খালি উপাদানগুলির শেষ ট্যাগ নেই!
ওয়েব ব্রাউজারের (ক্রোম, এজ, ফায়ারফক্স, সাফারি) উদ্দেশ্য হ'ল এইচটিএমএল পড়া এবং সেগুলি সঠিকভাবে প্রদর্শন করা।
একটি ব্রাউজার এইচটিএমএল ট্যাগগুলি প্রদর্শন করে না, তবে কীভাবে দস্তাবেজটি প্রদর্শন করতে হয় তা নির্ধারণ করতে সেগুলি ব্যবহার করে:
নীচে একটি HTML পৃষ্ঠা কাঠামোর দৃশ্যায়ন রয়েছে: