ওয়েব ডেভেলপারদের জন্য এই HTML কোর্সটি নবীন থেকে বিশেষজ্ঞ স্তর পর্যন্ত ডেভেলপারদের HTML-এর একটি সুদৃঢ় ধারণা প্রদান করে।
হাইপারটেক্সট মার্কআপ ল্যাঙ্গুয়েজ বা এইচটিএমএল হলো ওয়েবের মেরুদণ্ড, যা আপনার ওয়েব ব্রাউজারে প্রদর্শিত বিষয়বস্তু এবং তার কাঠামো সরবরাহ করে।
যদি না আপনি এই পৃষ্ঠাটির কোনো পিডিএফ বা মুদ্রিত সংস্করণ পড়েন, তাহলে এই বিষয়বস্তুটি বিভিন্ন এইচটিএমএল (HTML) এলিমেন্ট এবং টেক্সট দিয়ে গঠিত। এইচটিএমএল হলো ওয়েবের কন্টেন্ট লেয়ার। এইচটিএমএল এলিমেন্টগুলো হলো সেই নোড যা দিয়ে ডকুমেন্ট অবজেক্ট মডেল (Document Object Model ) গঠিত হয়।
ক্যাসকেডিং স্টাইল শীট ( সিএসএস) একটি পেজের বাহ্যিক রূপ বা উপস্থাপনা স্তর প্রদান করে। জাভাস্ক্রিপ্ট হলো আচরণগত স্তর, যা প্রায়শই একটি ডকুমেন্টের ভেতরের অবজেক্টগুলোকে পরিচালনা করতে ব্যবহৃত হয়। যে সাইটগুলো জাভাস্ক্রিপ্ট ফ্রেমওয়ার্ক দিয়ে তৈরি, সেগুলো আসলে এইচটিএমএল-কেই পরিবর্তন করে। ফলস্বরূপ, আপনার এইচটিএমএল এমনভাবে মার্কআপ করা গুরুত্বপূর্ণ, যাতে স্ক্রিপ্টগুলো সহজেই তা পার্স করতে পারে এবং সহায়ক প্রযুক্তিগুলো তা বুঝতে পারে।
এর অর্থ হলো আধুনিক মান অনুযায়ী এইচটিএমএল কোড লেখা।
আপনি যা শিখবেন
ওয়েব ডেভেলপারদের জন্য এই HTML কোর্সটি নবীন থেকে বিশেষজ্ঞ স্তর পর্যন্ত সকল ডেভেলপারদের HTML-এর একটি মজবুত ধারণা দেয়। আপনি যদি HTML-এ সম্পূর্ণ নতুন হন, তবে আপনি শিখবেন কীভাবে কাঠামোগতভাবে মজবুত কন্টেন্ট তৈরি করতে হয়। আর যদি আপনি বছরের পর বছর ধরে ওয়েবসাইট তৈরি করে থাকেন, তবে এই কোর্সটি আপনার জ্ঞানের এমন সব ঘাটতি পূরণ করতে পারে, যা আপনার নিজেরও অজানা ছিল।
এই যাত্রাপথে আমরা MachineLearningWorkshop.com- এর কাঠামো তৈরি করব। এই সিরিজটি তৈরিতে কোনো মেশিনের ক্ষতি করা হয়নি।
এটি কোনো পূর্ণাঙ্গ রেফারেন্স নয় । প্রতিটি বিভাগে সংক্ষিপ্ত ব্যাখ্যা ও উদাহরণের মাধ্যমে আলোচ্য বিষয়টির সূচনা করা হয়েছে, যা আপনাকে আরও গভীরে যাওয়ার সুযোগ করে দেয়। এখানে বিষয়ভিত্তিক রেফারেন্সের লিঙ্ক দেওয়া আছে, যেমন MDN ও WHATWG স্পেসিফিকেশন এবং অন্যান্য web.dev আর্টিকেল। যদিও এটি কোনো অ্যাক্সেসিবিলিটি কোর্স নয়, প্রতিটি বিভাগে অ্যাক্সেসিবিলিটির সেরা অনুশীলন এবং নির্দিষ্ট সমস্যাগুলো অন্তর্ভুক্ত রয়েছে, সাথে বিষয়টির উপর আরও গভীর আলোচনার জন্য লিঙ্কও দেওয়া আছে। অংশগ্রহণকারীদের নিজেদের বোঝাপড়া যাচাই করতে সাহায্য করার জন্য প্রতিটি বিভাগে একটি সংক্ষিপ্ত মূল্যায়ন রয়েছে।
এখানে আপনি যা শিখবেন:
এইচটিএমএল-এর সংক্ষিপ্ত বিবরণ
HTML-এর মূল ধারণাগুলোর একটি সংক্ষিপ্ত পরিচিতি।
নথির কাঠামো
একটি মজবুত ভিত্তির ওপর দাঁড়িয়ে আপনার HTML ডকুমেন্টগুলোর গঠনবিন্যাস শিখুন।
মেটাডেটা
আপনার ডকুমেন্ট সম্পর্কে তথ্য প্রদানের জন্য কীভাবে মেটা ট্যাগ ব্যবহার করবেন।
সিমান্টিক এইচটিএমএল
আপনার ডকুমেন্টের বিষয়বস্তু বর্ণনা করতে সঠিক HTML এলিমেন্ট ব্যবহার করুন।
শিরোনাম এবং বিভাগ
How to correctly use sectioning elements to give meaning to your content.
বৈশিষ্ট্য
বিভিন্ন গ্লোবাল অ্যাট্রিবিউটের পাশাপাশি নির্দিষ্ট HTML এলিমেন্টের অ্যাট্রিবিউটগুলো সম্পর্কে জানুন।
পাঠ্যের মৌলিক বিষয়
এইচটিএমএল ব্যবহার করে কীভাবে টেক্সট ফরম্যাট করতে হয়।
লিঙ্ক
লিঙ্ক সম্পর্কে আপনার যা কিছু জানা প্রয়োজন।
তালিকা
আপনার বিষয়বস্তু শ্রেণিবদ্ধ করার তালিকা এবং অন্যান্য উপায়।
নেভিগেশন
নেভিগেশন যেকোনো সাইট বা অ্যাপ্লিকেশনের একটি মূল উপাদান, এবং এর শুরুটা হয় HTML দিয়ে।
টেবিল
সারণিবদ্ধ ডেটা চিহ্নিত করতে কীভাবে টেবিল ব্যবহার করতে হয় তা বোঝা।
ফর্ম
এইচটিএমএল-এ ফর্মের একটি সংক্ষিপ্ত বিবরণ।
ছবি
এইচটিএমএল-এ ইমেজের একটি সংক্ষিপ্ত বিবরণ।
অডিও এবং ভিডিও
অডিও এবং ভিডিওর মতো এইচটিএমএল মিডিয়া নিয়ে কীভাবে কাজ করতে হয় তা জানুন।
টেমপ্লেট, স্লট এবং শ্যাডো
টেমপ্লেট, স্লট ও শ্যাডো-এর ব্যাখ্যা।
এইচটিএমএল এপিআই
জাভাস্ক্রিপ্ট ব্যবহার করে কীভাবে এইচটিএমএল তথ্য প্রকাশ ও পরিবর্তন করা যায়, তা শিখুন।
ফোকাস
আপনার HTML ডকুমেন্টে ফোকাস অর্ডার কীভাবে পরিচালনা করবেন।
অন্যান্য ইনলাইন টেক্সট উপাদান
টেক্সট মার্কআপ করতে ব্যবহৃত বিভিন্ন উপাদানের পরিচিতি।
বিস্তারিত বিবরণ এবং সারসংক্ষেপ
অত্যন্ত দরকারি বিবরণ এবং সারাংশ উপাদানগুলো কীভাবে কাজ করে এবং কোথায় সেগুলো ব্যবহার করতে হয়, তা জেনে নিন।
সংলাপ
HTML-এ যেকোনো ধরনের ডায়ালগ উপস্থাপনের জন্য <dialog> এলিমেন্ট একটি দরকারি উপাদান, জেনে নিন এটি কীভাবে কাজ করে।
উপসংহার এবং পরবর্তী পদক্ষেপ
আরও কিছু তথ্যসূত্র দিয়ে শেষ করা যাক।
তাহলে, আপনি কি HTML শিখতে প্রস্তুত? চলুন শুরু করা যাক ।