বিশ্বের সবচেয়ে বড় বাংলা ওয়েব ডেভেলোপার সাইট
এই অধ্যায়ে আমরা কিছু মৌলিক HTML উদাহরণ দেখাব।
চিন্তা করবেন না যদি আমরা এমন ট্যাগ ব্যবহার করি যা আপনি এখনও শিখেন নি।
<!DOCTYPE html> টেগ শুরুতে ব্যবহার করতে হবে<html> দিয়ে শুরু
হয় এবং</html> দিয়ে শেষ হয়<body>
এবং </body> এর মধ্যে। <!DOCTYPE> ঘোষণাটি ডকুমেন্টের
ধরণের প্রতিনিধিত্ব করে এবং ব্রাউজারগুলিকে ওয়েব পৃষ্ঠাগুলি সঠিকভাবে প্রদর্শন করতে
সহায়তা করে।
এটি কেবলমাত্র পৃষ্ঠার শীর্ষে (যে কোনও HTML ট্যাগের আগে) একবার প্রদর্শিত হবে।
<!DOCTYPE> ঘোষণাটি সংবেদনশীল নয়
(is not case sensitive)।
HTML 5 এর জন্য <!DOCTYPE>ঘোষণাটি
হ'ল:
এইচটিএমএল শিরোনামগুল <h1> থেকে
<h6> ট্যাগ দিয়ে সংজ্ঞায়িত করা হয়।
<h1> সর্বাধিক গুরুত্বপূর্ণ
শিরোনামকে সংজ্ঞায়িত করে।<h6> সর্বনিম্ন
গুরুত্বপূর্ণ শিরোনামকে সংজ্ঞায়িত করে।
এইচটিএমএল paragraph গুলি <p>
ট্যাগ দিয়ে সংজ্ঞায়িত করা হয়েছে:
এইচটিএমএল Link গুলি <a> ট্যাগ
দিয়ে সংজ্ঞায়িত করা হয়েছে:
লিঙ্কটির গন্তব্যটি href বৈশিষ্ট্যে নির্দিষ্ট করা
হয়েছে।
Attribute গুলি এইচটিএমএল Element গুলি সম্পর্কে অতিরিক্ত তথ্য সরবরাহ করতে ব্যবহৃত হয়।
আপনি পরবর্তী অধ্যায়ে Attribute গুলি সম্পর্কে আরও শিখবেন।
এইচটিএমএল Img গুলি <img> ট্যাগ
দিয়ে সংজ্ঞায়িত করা হয়েছে:
Source ফাইল (<src> ), বিকল্প
পাঠ্য (<alt> ), প্রস্থ এবং উচ্চতা
Attribute হিসাবে সরবরাহ করা হয়:
আপনি কি কখনও কোনও ওয়েব পৃষ্ঠা দেখেছেন এবং "হেই! তারা কীভাবে এটি করেছিল?"
এইচটিএমএল পৃষ্ঠায় ডান ক্লিক করুন এবং "পৃষ্ঠা উত্স দেখুন(view page source)" (ক্রোমে) বা "উত্স দেখুন(View source)" (এজতে) বা অন্যান্য ব্রাউজারগুলিতে অনুরূপ নির্বাচন করুন। এটি পৃষ্ঠার এইচটিএমএল উত্স(source) কোডযুক্ত একটি উইন্ডো খুলবে।
কোনও উপাদান (বা একটি ফাঁকা অঞ্চল) এ ডান ক্লিক করুন এবং কোন উপাদানগুলি গঠিত (তা এইচটিএমএল এবং সিএসএস উভয়ই দেখতে পাবেন) দেখতে "পরিদর্শন করুন(Inspect)" বা "উপাদান পরিদর্শন করুন(Inspect Element)" নির্বাচন করুন। আপনি যে উপাদান(Element)গুলি বা স্টাইলস প্যানেলটি খোলে সেগুলিতে এইচটিএমএল বা সিএসএস সম্পাদনা করতে পারবেন।