এইচ.টি.এম.এল বেসিক

এই অধ্যায়ে আমরা কিছু মৌলিক এইচ.টি.এম.এল উদাহরণ দেখাব।

চিন্তা করবেন না যদি আমরা ট্যাগগুলি ব্যবহার করি যা আপনি এখনও শিখেন নি।


এইচ.টি.এম.এল নথি

সমস্ত এইচ.টি.এম.এল নথি অবশ্যই একটি নথির প্রকার ঘোষণা দিয়ে শুরু করতে হবে :

এইচ.টি.এম.এল ডকুমেন্ট নিজেই শুরু হয় এবং শেষ হয়

এইচ.টি.এম.এল নথির দৃশ্যমান অংশটি এবং এর মধ্যে

উদাহরণ:


					
				

<!DOCTYPE> ঘোষণা

ঘোষণাটি নথির প্রকারের প্রতিনিধিত্ব করে <!DOCTYPE>এবং ব্রাউজারগুলিকে ওয়েব পৃষ্ঠাগুলি সঠিকভাবে প্রদর্শন করতে সহায়তা করে।

এটি পৃষ্ঠার শীর্ষে (যেকোনও এইচ.টি.এম.এল ট্যাগের আগে) শুধুমাত্র একবার প্রদর্শিত হবে।

<!DOCTYPE> ঘোষণাটি কেস সংবেদনশীল নয় ।

<!DOCTYPE> এইচ.টি.এম.এল ৫ এর জন্য ঘোষণা হল :

<!DOCTYPE html>


এইচ.টি.এম.এল শিরোনাম

এইচ.টি.এম.এল শিরোনামগুলিকে ট্যাগ দিয়ে সংজ্ঞায়িত করা <h1>হয়েছে ।<h6>

<h1>সবচেয়ে গুরুত্বপূর্ণ শিরোনাম সংজ্ঞায়িত করে। <h6>সর্বনিম্ন গুরুত্বপূর্ণ শিরোনাম সংজ্ঞায়িত করে:

উদাহরণ


					
				

এইচ.টি.এম.এল অনুচ্ছেদ

এইচ.টি.এম.এল অনুচ্ছেদ ট্যাগ দিয়ে সংজ্ঞায়িত করা হয় <p>:

উদাহরণ


					
				

এইচ.টি.এম.এল লিঙ্ক

এইচ.টি.এম.এল লিঙ্ক ট্যাগ দিয়ে সংজ্ঞায়িত করা হয় <a>:

উদাহরণ


					
				

লিঙ্কের গন্তব্য hrefবৈশিষ্ট্যে নির্দিষ্ট করা আছে।

এইচ.টি.এম.এল উপাদান সম্পর্কে অতিরিক্ত তথ্য প্রদান করতে বৈশিষ্ট্যগুলি ব্যবহার করা হয়।

আপনি পরবর্তী অধ্যায়ে গুণাবলী সম্পর্কে আরও শিখবেন।


এইচ.টি.এম.এল ইমেজ

<img> এইচ.টি.এম.এল ইমেজ ট্যাগ দিয়ে সংজ্ঞায়িত করা হয় .

উৎস ফাইল ( src), বিকল্প পাঠ্য ( alt), width, এবং heightগুণাবলী হিসাবে প্রদান করা হয়:

উদাহরণ


					
				

এইচ.টি.এম.এল সোর্স কিভাবে দেখবেন?

আপনি কি কখনও একটি ওয়েব পৃষ্ঠা দেখেছেন এবং বিস্মিত হয়েছেন “আরে! তারা কীভাবে এটি করেছে?”

এইচ.টি.এম.এল সোর্স কোড দেখুন:

একটি এইচ.টি.এম.এল পৃষ্ঠাতে ডান-ক্লিক করুন এবং “পৃষ্ঠা উত্স দেখুন” (ক্রোমে) বা “উৎস দেখুন” (এজ-এ) বা অন্যান্য ব্রাউজারে অনুরূপ নির্বাচন করুন৷ এটি পৃষ্ঠার এইচ.টি.এম.এল সোর্স কোড সহ একটি উইন্ডো খুলবে।

একটি HTML উপাদান পরিদর্শন করুন:

একটি উপাদানের উপর ডান-ক্লিক করুন (বা একটি ফাঁকা এলাকা), এবং কোন উপাদান দিয়ে তৈরি তা দেখতে “পরিদর্শন” বা “ইন্সপেক্ট এলিমেন্ট” বেছে নিন (আপনি এইচ.টি.এম.এল এবং সি.এস.এস উভয়ই দেখতে পাবেন)। আপনি খোলা এলিমেন্টস বা স্টাইল প্যানেলে এইচ.টি.এম.এল বা সি.এস.এস অন-দ্য-ফ্লাই সম্পাদনা করতে পারেন।

সুত্রঃ w3schools

Leave a Comment