🌐 ክፍል 3፡ ወደ HTML መግቢያ (Introduction to HTML)
ሰላም የታቦር ሲስተምስ ቤተሰቦች! 👋
በቅርቡ ባደረግነው የድምጽ መስጫ (Poll) መሰረት Web Development 44% ድምጽ በማግኘት ከፍተኛውን ብልጫ አግኝቷል! 🎉 ስለዚህ የብዙሃኑን ፍላጎት በማክበር የጀመርነውን የድረ-ገጽ ልማት (Web Dev) ትምህርት ዛሬ እንቀጥላለን።
በክፍል 1እንደተነጋገርነው፣ ዛሬ የምንጀምረው የድረ-ገጽ ሁሉ መሰረት ስለሆነው HTML ነው።
HTML ምንድን ነው?
HTML (HyperText Markup Language) ማለት የድረ-ገጾችን መዋቅር (Structure) እና ይዘት ለመገንባት የምንጠቀምበት ዋና ቋንቋ (Markup Language) ነው።
* በቀላሉ ለመረዳት፦ አንድ ቤት ሲገነባ መጀመሪያ መሰረቱ፣ ምሰሶው እና ግድግዳው እንደሚቆመው ማለት ነው። ምሳሌ👉link_here
ያለ HTML ድረ-ገጽን ማሰብ አይቻልም!
የአንድ HTML ፋይል መሰረታዊ አወቃቀር (Boilerplate)
ማንኛውም የድረ-ገጽ ኮድ ስንጽፍ የምንጀምረው ከዚህ በታች ባለው መዋቅር ነው (በጥሞና ተመልከቱት)፦
<!DOCTYPE html>
<html>
<head>
<title>My First Website</title>
</head>
<body>
<h1>Hello Tabor Systems Family!</h1>
<p>This is my first website.</p>
</body>
</html>
እነዚህ ታጎች (Tags) ምን ማለት ናቸው? ዋና ዋና የHTML ታጎች 👉 link_here
* <!DOCTYPE html> ፡ ለብራውዘሩ (Chrome, Edge) እየጻፍን ያለነው በዘመናዊው የHTML ቨርዥን (HTML5) መሆኑን ይነግረዋል።
* <html> ፡ የጠቅላላው ኮዳችን መጀመሪያ እና መጨረሻ መጠቅለያ (Root element) ነው።
* <head> ፡ እዚህ ውስጥ የሚጻፈው በድረ-ገጹ ገጽታ ላይ በቀጥታ አይታይም። ስለ ድረ-ገጹ መረጃዎችን (Metadata) እና በብራውዘሩ አናት ላይ የሚታየውን ርዕስ (Title) ይይዛል።
* <body> ፡ ተጠቃሚዎች (Users) በቀጥታ የሚያዩት ዋናው ክፍል ነው። ጽሁፎች፣ ምስሎች፣ ሊንኮች እና ቪዲዮዎች የሚቀመጡት እዚህ ውስጥ ነው።
🎯 የዛሬ የቤት ስራ (Task) - ሞክሩት!
በክፍል 2 👉link_here ባወረዳችሁት VS Code (ለኮምፒውተር) ወይም Acode / Spck (ለስልክ) ላይ አዲስ ፋይል ከፍታችሁ ስሙን index.html ብላችሁ ሴቭ (Save) አድርጉ። ከዛም ከላይ ያለውን ኮድ ጽፋችሁ በብራውዘራችሁ (Browser) ላይ Run በማድረግ ውጤቱን እዩት!
በቀጣይ ክፍል (ክፍል 4) በBody ውስጥ ስለሚጻፉት ታጎች (Headings, Paragraphs, Links) በስፋት እናያለን።
አብረን እንማር፣ አብረን እንደግ! 💪
#WebDevelopment #HTML #Frontend #TaborSystems #CodingInAmharic
ሼር ማድረግ አይረሳ 👉
@Tabor_Systems
ለሃሳብ አስተያየት 👉
@Tabor_SystemsBot