Premium Only Content

The structure of HTML elements: HTML উপাদানের গঠন-বাংলা তে #03 | #theTRANSCENDENT
The structure of HTML elements: HTML উপাদানের গঠন-বাংলা তে #03 | #theTRANSCENDENT
Course:
https://thetranscendent.org/html-ai-এর-যুগে-বাংলা
Video:
https://www.youtube.com/watch?v=M1ZzPn0xK5s
Resources:
https://codepen.io/collection/KwdZdm
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
<p>এটি একটি paragraph-এর text।</p>
<p> = Opening tag (element শুরু করে)
Content = আপনার actual text
</p> = Closing tag (element শেষ করে)
মূল বিষয়গুলি:
Opening tags: <tagname>
Closing tags: </tagname> (forward slash লক্ষ্য করুন)
একসাথে এরা একটি HTML element তৈরি করে
Self-Closing Tags: কিছু tags-এর closing লাগে না:
html
<img src="image.jpg" alt="My Image">
<br>
Nesting Elements: আপনি elements-কে অন্য elements-এর ভিতরে রাখতে পারেন:
html
<p>এই paragraph-এ <em>emphasized</em> text আছে।</p>
এটি কেন গুরুত্বপূর্ণ:
Browser-কে আপনার content বুঝতে সাহায্য করে
Websites-কে সবার জন্য accessible করে
SEO rankings উন্নত করে
DOM (Document Object Model) tree তৈরি করে
মনে রাখবেন: clean, functional code-এর জন্য সবসময় আপনার tags সঠিকভাবে বন্ধ করুন!
Resources:
https://codepen.io/collection/KwdZdm
🔗 Connect with The TRANSCENDENT:
🌍 Visit our Website: https://thetranscendent.org
👍Facebook: https://www.facebook.com/Transcendentofficials
🐦 X (Twitter): https://x.com/tttranscendent
📸 Instagram: https://www.instagram.com/transcendent.officials/
▶️ YouTube: https://www.youtube.com/@theTranscendent-official
▶️ Rumble: https://rumble.com/c/c-6380966
▶️ Dailymotion: https://dailymotion.com/transcendent.officials
🎵 TikTok: https://www.tiktok.com/@thetranscendent.org
📌 Pinterest: https://in.pinterest.com/transcendentofficials
💬 Discord Server: https://thetranscendent.org
📢 Threads: https://www.threads.net/@transcendent.officials
👻 Snapchat: https://thetranscendent.org
🖼️ Behance: https://www.behance.net/thetranscendentorg
#transcendent #thetranscendent #thetranscendentorg
#ट्रान्सेंडैंट #दीट्रान्सेंडैंट
#ট্রান্সসেন্ডেন্ট #দাট্রান্সসেন্ডেন্ট
#BeTranscendent #gotranscendent #transcendentliving #transcendentmindset #TranscendentJourney #transcendentvibes #transcendentawakening #TheTranscendentWay #embracethetranscendent #BeTranscendent #TranscendLimits
#innovations #Creativity #inspiration
#beyondlimits #nextlevel #transcendentmind
#areyoutranscendent #transcendencechallenge #transcendentart
#BeyondTheOrdinary #TranscendReality
#Blog #Blogging #Article #Insights #Learning #Education #Tips #Guide #Explore #Discover #ReadNow #NewPost #ValuableContent #ExpertAdvice #StayInformed #ExpandYourKnowledge #LearnSomethingNew #GoBeyond #ElevateYourself #UnlockYourPotential #HigherConsciousness #PersonalGrowth #MindsetMastery #Motivation #Wisdom #GrowthMindset #PositiveVibes #SelfImprovement #Wellbeing #ConsciousLiving #NewPerspective #ExploreMore #DailyInspiration #ThoughtOfTheDay
#howtoguide #tutorial #diyprojects #instructionalvideo #stepbystep #learntocode #lifehacks #howto #educationalcontent #diycrafts #bestof #toprated #productreviews #comparisonvideo #highlyrecommended #leadingbrands #ultimateguide #buyersguide #awardwinning #thebest #topyear #bestcategory #rankings #toplist #highestquality #leadingexperts #premiere #selected #mustsee #essentialoils #Gold #news #Education #Goldprice #thepope #newpope #Branding #BrandManagement #barcelonaandrealmadrid #jewel #MarketingTips #DesignInspiration #BusinessGrowth
#HowToLearnCode #BestCodingCourse #WhyLearnHTML #WhatIsWebDevelopment #CodeForBeginners #LearnToCode #HTML #WebDevelopment #AI #HowToLearnCode #BestCodingCourse #WhyLearnHTML #WhatIsWebDevelopment #CodeForBeginners #IsCodingDead #ShouldILearnCode #CodingVsAI #FutureOfProgramming #AIforCoding #LearnToCode #coding #webdesign #frontenddeveloper #webdevelopment #html5
#সিএসএস #এইচটিএমএল
#HTMLশিখুন #CSSবাংলা #JavaScriptটিউটোরিয়াল #ওয়েবডেভেলপমেন্টবাংলা #কোডিংশিখুন #প্রোগ্রামিংবাংলা #ওয়েবডিজাইনবাংলা #HTMLCSSJavaScript #ফ্রন্টএন্ডডেভেলপমেন্ট #ওয়েবপ্রোগ্রামিং
#LearnCodingInBengali #LearnCodingInHindi #WebDevelopmentTutorialBengali #WebDevelopmentTutorialHindi #CodingEducationBangla #CodingEducationHindi #ProgrammingInBengali #ProgrammingInHindi #WebDesignBangla #WebDesignHindi
#এইচটিএমএলশিখুন #বাংলায়কোডিং #ওয়েবডেভেলপমেন্ট #এইচটিএমএল৫ #কোডশিখুন #প্রোগ্রামিংবাংলায় #ফ্রন্টএন্ডডেভেলপার #ওয়েবসাইটবানান #বাংলায়টেকনোলজি #কোডিংএরভবিষ্যৎ #এআইএবংকোডিং #কোডিংবনামএআই #এআইসাথেশিখুন #এআইবাংলা #কোডিংবিপ্লব #এআইশিক্ষা #প্রযুক্তিরভবিষ্যৎ #এইচটিএমএলটিউটোরিয়াল #এইচটিএমএলকী #এইচটিএমএলট্যাগ #এইচটিএমএলঅ্যাট্রিবিউট #এইচটিএমএলসিনট্যাক্স #এইচটিএমএলইতিহাস #বাংলায়এইচটিএমএল #বাংলায়প্রোগ্রামিং #প্রযুক্তিশিক্ষা
#HTMLশিখুন #ওয়েবডেভেলপমেন্ট #কোডিং #প্রোগ্রামিং #HTMLইনবেঙ্গলি #HTML5 #ওয়েবডিজাইন #কোডশিখুন
#এইচটিএমএল #কোডিংশিখুন #ওয়েবডেভেলপমেন্ট #ট্রান্সেন্ডেন্ট #এআইকোডিং
thetranscendent.org
Beyond Sense!
-
28:36
Afshin Rattansi's Going Underground
1 day agoDoug Bandow: ENORMOUS DAMAGE Done to US’ Reputation Over Gaza, Trump ‘Easily Manipulated’ by Israel
12.9K22 -
2:45:13
Barry Cunningham
11 hours agoCBS CAUGHT AGAIN! CHICAGO A MESS! LISA COOK IS COOKED AND MORE LABOR DAY NEWS!
82.9K39 -
LIVE
StevieTLIVE
5 hours agoMASSIVE Warzone Wins on Labor Day w/ Spartakus
136 watching -
10:46:42
Rallied
11 hours ago $12.73 earnedWarzone Challenges w/ Doc & Bob
177K3 -
3:26:25
Joe Donuts Live
4 hours ago🟢 Lost in Space with My Clones: The Alters Adventure Begins
21.6K -
7:20:22
Dr Disrespect
13 hours ago🔴LIVE - DR DISRESPECT - TRIPLE THREAT CHALLENGE - WINNING AT EVERYTHING
203K12 -
2:35:33
Chrono
6 hours agoBirthday-eve Stream | Helldivers II
18.4K1 -
54:40
BonginoReport
1 day agoLABOR DAY SPECIAL! The Best of Nightly Scroll - Nightly Scroll w/ Hayley Caronia (Ep.124)
119K14 -
2:39:21
Joker Effect
4 hours agoReviewing the downfall of Kick Streaming. Kick streamers welcome to Rumble! Stake bombshell found!
27.9K1 -
1:06:10
Russell Brand
13 hours agoThe Greatest Lie Ever Told? - SF625
92K111