HTML হল ওয়েবের ডকুমেন্ট লেয়ার, ওয়েব পেজগুলিকে অর্থবহ হওয়ার জন্য প্রয়োজনীয় কাঠামো এবং বিষয়বস্তু প্রদান করে। এখানে, আপনি HTML এর জন্য বিষয়বস্তু যেমন কোর্স, নিবন্ধ, সংগ্রহ এবং অন্যান্য দরকারী তথ্য খুঁজে পেতে পারেন যা আপনাকে ওয়েবের এই গুরুত্বপূর্ণ অংশ সম্পর্কে আপনার জ্ঞান তৈরি করতে সহায়তা করে।
HTML এ নতুন? আপনাকে শুরু করতে সাহায্য করার জন্য আমরা আপনাকে একটি ব্যাপক কোর্সের সাথে আচ্ছাদিত করেছি।
এইচটিএমএল-এ নির্দিষ্ট বিষয়গুলির গভীরে খনন করতে এই অন্যান্য কোর্সগুলি দেখুন।
সমস্ত প্রধান ব্রাউজার ইঞ্জিনে নতুন উপলব্ধ HTML বৈশিষ্ট্যগুলি সম্পর্কে জানুন৷
আপনাকে আরও অ্যাক্সেসযোগ্য ওয়েব অ্যাপ্লিকেশন তৈরি করতে সাহায্য করার জন্য HTML প্যাটার্ন এবং ধারণাগুলি শিখুন৷
আপনার ওয়েব অ্যাপ্লিকেশনগুলিকে দ্রুততর করার জন্য HTML-ভিত্তিক ধারণা এবং প্যাটার্ন শিখুন৷
আপনার ওয়েব অ্যাপ্লিকেশনগুলিতে HTML এবং DOM ডিবাগ করতে Chrome DevTools কীভাবে ব্যবহার করবেন তা শিখুন৷
কোর্স

আপনি যদি HTML-এ নতুন হন, আমরা আপনাকে কভার করেছি। আমাদের শিখুন এইচটিএমএল কোর্সটি আপনাকে HTML কীভাবে কাজ করে তার মৌলিক বিষয়গুলির মাধ্যমে গাইড করে, যেমন কাঠামোগত উদ্বেগ, মেটাডেটা, শব্দার্থবিদ্যা, এবং আরও বিষয়গুলি আপনাকে আপনার দক্ষতা বাড়াতে সাহায্য করার জন্য।

HTML শিখুন!

আপনি যদি HTML সম্পর্কে আরও জানতে আগ্রহী হন, তাহলে এই অন্যান্য কোর্সগুলি আপনাকে আরও উন্নত বিষয় সম্পর্কে শেখাবে যা আপনার ওয়েব অ্যাপ্লিকেশনগুলিকে উন্নত করতে ব্যবহার করতে পারে৷

HTML ফর্মগুলি ব্যবহারকারীদের আপনার ওয়েব অ্যাপ্লিকেশনগুলির জন্য ইনপুট প্রদান করার ক্ষমতা দেয়—এবং এই কোর্সটি আপনাকে কার্যকরভাবে ব্যবহার করার বিষয়ে আপনার যা জানা দরকার তা শেখাবে৷
ফর্ম শিখুন!

ছবি

যদিও ইমেজগুলি সাধারণত ওয়েবে ব্যবহার করা হয়, সেখানে img উপাদান ব্যবহার করার চেয়ে আরও অনেক কিছু আছে। এই কোর্সটি আপনাকে ওয়েবে চিত্রগুলি কীভাবে ব্যবহার করতে হয় সে সম্পর্কে আপনার যা জানা দরকার তা শেখায়৷
ইমেজ শিখুন!

অ্যাক্সেসযোগ্যতা

যদিও অ্যাক্সেসযোগ্যতা ওয়েব প্ল্যাটফর্মের সমস্ত অংশে বিস্তৃত, অ্যাক্সেসযোগ্য HTML লেখা হল অ্যাক্সেসযোগ্য ওয়েব অ্যাপ্লিকেশন তৈরির ভিত্তি। এই কোর্সটি আপনাকে অ্যাক্সেসযোগ্য মার্কআপ লিখতে আপনার যা জানা দরকার তা শেখায়৷
অ্যাক্সেসযোগ্যতা শিখুন!

ওয়েব ডেভেলপারদের বেসলাইন সংকেত যখন ওয়েব প্ল্যাটফর্ম বৈশিষ্ট্যগুলি সমস্ত প্রধান ব্রাউজার ইঞ্জিনে নিরাপদে ব্যবহার করা যেতে পারে। এখানে কিছু HTML বৈশিষ্ট্য রয়েছে যা এখন বেসলাইন নতুনভাবে উপলব্ধ।
ঘোষণামূলক শ্যাডো DOM 2024 সালে নতুনভাবে উপলব্ধ বেসলাইন হয়ে উঠেছে।
Popover API 2024 সালে নতুনভাবে উপলব্ধ বেসলাইন হয়ে উঠেছে।
inert বৈশিষ্ট্যটি 2023 সালে নতুনভাবে উপলব্ধ বেসলাইন হয়ে উঠেছে।

অলস-লোড অফস্ক্রিন iframes

আইফ্রেমের অলস-লোডিং 2023 সালে নতুনভাবে উপলব্ধ বেসলাইন হয়ে উঠেছে।

HTML অ্যাক্সেসযোগ্য ওয়েব অ্যাপ্লিকেশন তৈরির একটি মৌলিক অংশ। এই বিভাগে, আপনি কীভাবে অ্যাক্সেসযোগ্য ওয়েব অ্যাপ্লিকেশন তৈরি করতে HTML ব্যবহার করবেন সে সম্পর্কে আরও জানতে সাহায্য করার জন্য আপনি নিবন্ধ এবং সংস্থানগুলি পাবেন৷
শিরোনাম এবং ল্যান্ডমার্কের জন্য সঠিক উপাদান ব্যবহার করে, আপনি সহায়ক প্রযুক্তির ব্যবহারকারীদের জন্য নেভিগেশন অভিজ্ঞতা নাটকীয়ভাবে উন্নত করতে পারেন।
আরও জানুন
সঠিক শব্দার্থিক HTML উপাদানগুলি ব্যবহার করে আপনি আপনার কীবোর্ড অ্যাক্সেসের বেশিরভাগ বা সমস্ত চাহিদা পূরণ করতে সক্ষম হতে পারেন। তার মানে ট্যাবিনডেক্স নিয়ে কম সময় কাটানো, এবং ব্যবহারকারীরা বেশি খুশি!
আরও জানুন
অস্থায়ী এবং স্থায়ী মোটর দুর্বলতা সহ অনেক ব্যবহারকারী অ্যাপ্লিকেশনগুলিকে আরও দক্ষতার সাথে নেভিগেট করতে কীবোর্ড শর্টকাটের উপর নির্ভর করে। আপনার অ্যাপ্লিকেশনের জন্য একটি ভাল কীবোর্ড নেভিগেশন কৌশল থাকা প্রত্যেকের জন্য একটি ভাল অভিজ্ঞতা তৈরি করে।
আরও জানুন
একটি স্ক্রিন রিডার ব্যবহারকারীর কাছে একটি কথ্য UI উপস্থাপন করার জন্য, অর্থপূর্ণ উপাদানগুলির যথাযথ লেবেল বা পাঠ্য বিকল্প থাকতে হবে৷ একটি লেবেল বা টেক্সট বিকল্প একটি উপাদানকে তার অ্যাক্সেসযোগ্য নাম দেয়, যা অ্যাক্সেসিবিলিটি ট্রিতে এলিমেন্টের শব্দার্থ প্রকাশের মূল বৈশিষ্ট্যগুলির মধ্যে একটি।
আরও জানুন

আপনি কিভাবে HTML ব্যবহার করেন আপনার ওয়েব অ্যাপ্লিকেশনের কর্মক্ষমতা প্রভাবিত করতে পারে। এই বিভাগে, আপনি আপনার ওয়েব অ্যাপ্লিকেশনগুলিকে দ্রুততর করতে কীভাবে HTML ব্যবহার করবেন সে সম্পর্কে আরও জানতে সাহায্য করার জন্য আপনি নিবন্ধ এবং সংস্থানগুলি পাবেন৷

ব্রাউজার প্রিলোড স্ক্যানারের সাথে লড়াই করবেন না

ব্রাউজার প্রিলোড স্ক্যানার হল একটি বিশেষ এইচটিএমএল পার্সার যা ব্রাউজার অন্যথায় আগে থেকে রিসোর্স আবিষ্কার করতে ব্যবহার করে। এটি কীভাবে ওয়েব অ্যাপ্লিকেশনগুলির কার্য সম্পাদনে সহায়তা করে এবং আপনি কীভাবে এটির বাইরে থাকতে পারেন তা খুঁজে বের করুন৷
আরও জানুন

Fetch Priority API-এর মাধ্যমে রিসোর্স লোডিং অপ্টিমাইজ করুন

Fetch Priority API ব্রাউজারে রিসোর্সের আপেক্ষিক অগ্রাধিকার নির্দেশ করতে fetchpriority HTML অ্যাট্রিবিউট ব্যবহার করে। এটি সর্বোত্তম লোডিং সক্ষম করতে পারে এবং কোর ওয়েব ভাইটালগুলিকে উন্নত করতে পারে৷
আরও জানুন
রিসোর্স প্রিলোডিং এমন একটি কৌশল যা HTML link এলিমেন্ট ব্যবহার করে ব্রাউজারকে রিসোর্স আনতে বলে। এই নির্দেশিকায় আপনার ওয়েব অ্যাপ্লিকেশনের কর্মক্ষমতা উন্নত করতে এটি কীভাবে ব্যবহার করবেন তা শিখুন।
আরও জানুন

ওয়েবের জন্য ব্রাউজার-স্তরের ছবি অলস লোড হচ্ছে

অলস লোডিং চিত্রগুলি একটি পৃষ্ঠার প্রাথমিক লোডিংয়ের সময় ব্যান্ডউইথ সংরক্ষণের জন্য একটি কার্যকর কৌশল। এই নির্দেশিকাটিতে, অলস লোড চিত্রগুলিতে HTML loading কীভাবে ব্যবহার করবেন তা শিখতে পারেন।
আরও জানুন

Chrome DevTools হল ওয়েব অ্যাপ্লিকেশন ডিবাগ করার জন্য ডেভেলপারদের জন্য টুলের একটি স্যুট। আপনার ওয়েব অ্যাপ্লিকেশানগুলিতে আপনার পৃষ্ঠার HTML এবং DOM, সেইসাথে অন্যান্য সংলগ্ন ধারণাগুলি ডিবাগ করতে সাহায্য করার জন্য এখানে আপনার জন্য কয়েকটি প্রস্তাবিত সরঞ্জাম রয়েছে৷
DevTools এলিমেন্ট প্যানেল অফার করে, যা আপনাকে আপনার ওয়েব অ্যাপ্লিকেশনের DOM দেখতে, সম্পাদনা করতে এবং ডিবাগ করতে দেয়। এলিমেন্টস প্যানেল ব্যবহার শুরু করতে এই নির্দেশিকাটি পড়ুন।
আরও জানুন
DevTools-এর উপাদান প্যানেল আপনাকে JavaScript দ্বারা ট্রিগার করা DOM-এ পরিবর্তনগুলি শুনতে দেয়৷ আপনার ওয়েব অ্যাপ্লিকেশনের DOM-এ পরিবর্তনগুলি ডিবাগ করতে এই দরকারী বৈশিষ্ট্যটি কীভাবে ব্যবহার করবেন তা শিখুন৷
আরও জানুন
আপনার ওয়েব অ্যাপ্লিকেশনের HTML দ্বারা লোড করা অব্যবহৃত CSS এবং JavaScript কোড খুঁজে বের করার জন্য কভারেজ প্যানেল একটি দরকারী টুল। এই নির্দেশিকা আপনাকে দেখায় কিভাবে এটি ব্যবহার করতে হয় এবং কিভাবে এটি আপনার ওয়েব অ্যাপ্লিকেশনের কর্মক্ষমতা উন্নত করতে পারে।
আরও জানুন