উদ্দীপকের দৃশ্যকল্প-১ এর ন্যায় ব্রাউজারে ফলাফল পেতে HTML কোড লেখ। (প্রয়োগ)

HTML ডকুমেন্টে বিভিন্ন উপাদান (elements) যেমন হেডিং, প্যারাগ্রাফ, ছবি, লিংক ইত্যাদি চিহ্নিত করতে এবং তাদের গঠন ও আচরণ নির্ধারণ করতে ট্যাগ (Tag) ও অ্যাট্রিবিউট (Attribute) ব্যবহার করা হয়। ট্যাগ হলো < ও > চিহ্নের মধ্যে লেখা কিছু নির্দিষ্ট কীওয়ার্ড যা ব্রাউজারকে কোনো উপাদানের শুরু ও শেষ নির্দেশ করে, যেমন:

ও

একটি ট্যাগের মৌলিক কার্যকারিতা পরিবর্তন বা সুনির্দিষ্ট করতে অ্যাট্রিবিউট অপরিহার্য। উদাহরণস্বরূপ, একটি ইমেজ ট্যাগ কোনো ছবিকে ওয়েবপেজে প্রদর্শন করে। কিন্তু ছবিটি কোথা থেকে আসবে (source) বা ছবি লোড না হলে কী বিকল্প লেখা দেখাবে তা নির্ধারণ করতে src এবং alt নামক অ্যাট্রিবিউট ব্যবহার করা হয়, যেমন: । এখানে হলো ট্যাগ, আর src ও alt হলো অ্যাট্রিবিউট, যা ট্যাগের কার্যকারিতাকে আরও সুনির্দিষ্ট করে তোলে।

HTML (HyperText Markup Language) ওয়েবপেজ তৈরির মূল ভাষা। এটি বিভিন্ন উপাদানের কাঠামো নির্ধারণ করে, যেমন - তালিকা, ছবি, লিঙ্ক ইত্যাদি। উদ্দীপকের দৃশ্যকল্প-২ তে একটি তালিকার ধারণা দেওয়া হয়েছে, যা HTML এর মাধ্যমে Unordered List (

) এবং Ordered List (
) ট্যাগ ব্যবহার করে তৈরি করা যায়।

দৃশ্যকল্প-২ এ "Vegetables", "Fruits" এবং এর উপ-আইটেম "Ripe", "Dried" একটি তালিকার আকারে দেখানো হয়েছে। এখানে "Fruits" এ ক্লিক করার কার্যকারিতা চাওয়া হয়েছে, যা নির্দেশ করে যে "Fruits" একটি হাইপারলিঙ্ক (hyperlink) হবে। "Ripe" এবং "Dried" এর পূর্বে "iv." এবং "v." নির্দেশ করে যে এগুলো একটি ক্রমিক তালিকা (ordered list) এবং পূর্ববর্তী "Fruits" আইটেমের অন্তর্গত। HTML এ (anchor) ট্যাগ ব্যবহার করে হাইপারলিঙ্ক এবং

ট্যাগের
1. এর value অ্যাট্রিবিউট ব্যবহার করে ক্রমিক তালিকার সূচনা মান নির্দিষ্ট করা যায়।

   উদ্দীপকের দৃশ্যকল্প-২ এর জন্য প্রয়োজনীয় HTML কোড নিচে দেওয়া হলো:

       

       

       

    

       

   দৃশ্যকল্প-২

       

           

   • Vegetables

           

   • Fruits

                 

                     

     4. Ripe

                     

     5. Dried

                 

             

       

    

   উপরের কোডে,

   ট্যাগটি মূল Unordered List তৈরি করেছে। "Fruits" আইটেমটিকে একটি হাইপারলিঙ্ক হিসেবে তৈরি করতে ট্যাগ ব্যবহার করা হয়েছে, যেখানে href="fruits.html" অ্যাট্রিবিউটটি নির্দেশ করে যে "Fruits" এ ক্লিক করলে "fruits.html" নামক ফাইলটি খোলা হবে। "Fruits" আইটেমের ভেতরে
   ট্যাগ ব্যবহার করে একটি নেস্টেড Ordered List তৈরি করা হয়েছে "Ripe" এবং "Dried" এর জন্য।
   4. অ্যাট্রিবিউট ব্যবহার করে তালিকাটি 'iv' থেকে শুরু করা হয়েছে। এটি ওয়েবপেজকে সুসংগঠিত এবং ইন্টারেক্টিভ করে তোলে।