All Resources:
https://codepen.io/collection/KwdZdm
Summery
HTML Elements বোঝা: ওয়েব পেজের বিল্ডিং ব্লকস
HTML Tags কী?
HTML tags হল label-এর মতো যা browser-কে বলে প্রতিটি content কী। এগুলো angle brackets-এ লেখা হয় যেমন p paragraph-এর জন্য বা h1 heading-এর জন্য।
মূল স্ট্রাকচার:
Opening tag p - এটি একটি paragraph-এর text - Closing tag slash p
Opening p tag element শুরু করে
Content = আপনার actual text
Closing slash p tag element শেষ করে
মূল বিষয়গুলি:
Opening tags: tagname in angle brackets
Closing tags: slash tagname in angle brackets (forward slash লক্ষ্য করুন)
একসাথে এরা একটি HTML element তৈরি করে
Self-Closing Tags:
কিছু tags-এর closing লাগে না:
img src equals image.jpg alt equals My Image
br
Nesting Elements:
আপনি elements-কে অন্য elements-এর ভিতরে রাখতে পারেন:
p - এই paragraph-এ em - emphasized - close em text আছে - close p
এটি কেন গুরুত্বপূর্ণ:
Browser-কে আপনার content বুঝতে সাহায্য করে
Websites-কে সবার জন্য accessible করে
SEO rankings উন্নত করে
DOM (Document Object Model) tree তৈরি করে
মনে রাখবেন: clean, functional code-এর জন্য সবসময় আপনার tags সঠিকভাবে বন্ধ করুন!
html
এটি একটি paragraph-এর text।
= Opening tag (element শুরু করে) Content = আপনার actual text
= Closing tag (element শেষ করে)
মূল বিষয়গুলি:
Opening tags: Closing tags: (forward slash লক্ষ্য করুন)
একসাথে এরা একটি HTML element তৈরি করে
Self-Closing Tags: কিছু tags-এর closing লাগে না:
html
Nesting Elements: আপনি elements-কে অন্য elements-এর ভিতরে রাখতে পারেন:
html
এই paragraph-এ emphasized text আছে।
এটি কেন গুরুত্বপূর্ণ:
Browser-কে আপনার content বুঝতে সাহায্য করে
Websites-কে সবার জন্য accessible করে
SEO rankings উন্নত করে
DOM (Document Object Model) tree তৈরি করে
মনে রাখবেন: clean, functional code-এর জন্য সবসময় আপনার tags সঠিকভাবে বন্ধ করুন!ভূমিকা: আধুনিক ওয়েব ডেভেলপমেন্টের ভিত্তি
ওয়েব তিনটি মৌলিক কোডিং ভাষায় পরিচালিত হয়: HTML, CSS, এবং JavaScript। ওয়েব ডেভেলপমেন্টে প্রবেশকারী যে কারো জন্য এই তিনটি ভাষা কেন একসাথে কাজ করে তা বোঝা অত্যন্ত গুরুত্বপূর্ণ। কন্টেন্টের গুণমান এবং প্রাসঙ্গিকতা SEO সাফল্যের জন্য অপরিহার্য থাকে।