TechBlogLK - Sri Lanka's Premier Tech Community & Programming Tutorials

👋 හෙලෝ යාලුවනේ! අද අපි පටන් ගන්නවා HTML කියන ගොඩක් අය හිතන වගේ බිහිසුණු දෙයක් නෙමෙයි 😂

🧠 HTML කියන්නේ මොකද්ද?

HTML කියන්නේ HyperText Markup Language කියන එකේ හැඩුම්. ඒ කියන්නේ web page එකක structure එක හදා ගන්න භාවිතා කරන language එකක්. අපි දැක්ක හැම website එකක්ම HTML වලින් build වෙලා තියෙනවා!🎯

HTML = Website eke skeleton eka 💀

🧱 HTML Structure එක – කොටස් ටික

HTML document එකක් තමන්ට කියන්න පුළුවන් පොතක පිටුවක් වගේ. මෙන්න එකේ basic structure එක:

<!DOCTYPE html>
<html>
  <head>
    <title>Mage Palaweni Web Page Eka</title>
  </head>
  <body>
    <h1>මගේ පළවෙනි වෙබ් පිටුවට සාදරයෙන් පිළිගනිමු!</h1>
    <p>මේක මගේ HTML පළවෙනි උත්සාහයයි 🧪</p>
  </body>
</html>

🔍 කොහොමද මෙක හැදෙන්නේ?

කොටස තේරුම `<!DOCTYPE html>` Browser එකට කියනවා මෙක HTML5 කියලා `<html>` මුළු document එක මෙකෙන් ආරම්භ වෙනවා `<head>` මෙතැන තියෙන්නේ meta info (title, CSS files, etc.) `<body>` මෙතැන තමයි user ට දිස්වෙන්න තියෙන content එක තියෙන්නේ 🏷️ Most Used HTML Tags

Tag වෙනකියන්නෙ `<h1>` - `<h6>` Headings (1-6 level) `<p>` Paragraph `<a>` Anchor / Link `<img>` Image එකක් එක්කරන එක `<br>` Line break `<strong>` Bold කරන්න `<em>` Italic කරන්න 💡 Udaharanayak (Example)

<h2>LK Tech Blog එකට ආයුබෝවන්! 🙌</h2>
<p>අද අපි ඉගෙන ගන්නෙ HTML ගැනයි. මේක ලේසියි, විහිලුයි 😄</p>

🧪 Challenge එකක්!

ඔයාත් මේ structure එක copy කරගෙන VS Code එකේ paste කරලා .html කියන extension එකක් තියෙන file එකක් save කරලා browser එකෙන් open කරලා බලන්න! 🔍

🧑‍💻 Next Episode එකේ...

අපි බලන්න යන්නේ Text Formatting, Images, සහ Links කොහොමද HTML වලින් add කරනවද කියලා! 🔗🖼️

📝 අවසන් වචනයක්:

HTML කියන්නේ හැම Web Developer එකෙක්ටම අවශ්‍යම foundation එකක්. බලන් ඉන්න ඒකට බය වෙන්න එපා machan, ගමනේ අරඹුමයි මේක! 😎

කියවලා තමයි හිතනවනේ:

ඇත්තටම මෙක ලේසියි 🧠💡

Want next one? 😏💻

📘HTML Lesson 1: HTML කියන්නේ මොකද්ද? – HTML 101

🧠 HTML කියන්නේ මොකද්ද?

🧱 HTML Structure එක – කොටස් ටික

🔍 කොහොමද මෙක හැදෙන්නේ?

Tag වෙනකියන්නෙ `<h1>` - `<h6>` Headings (1-6 level) `<p>` Paragraph `<a>` Anchor / Link `<img>` Image එකක් එක්කරන එක `<br>` Line break `<strong>` Bold කරන්න `<em>` Italic කරන්න 💡 Udaharanayak (Example)

🧪 Challenge එකක්!

🧑‍💻 Next Episode එකේ...

Rasanjana

Comments

Delete Article

📘HTML Lesson 1: HTML කියන්නේ මොකද්ද? – HTML 101

🧠 HTML කියන්නේ මොකද්ද?

🧱 HTML Structure එක – කොටස් ටික

🔍 කොහොමද මෙක හැදෙන්නේ?

Tag වෙනකියන්නෙ <h1> - <h6> Headings (1-6 level) <p> Paragraph <a> Anchor / Link <img> Image එකක් එක්කරන එක <br> Line break <strong> Bold කරන්න <em> Italic කරන්න 💡 Udaharanayak (Example)

🧪 Challenge එකක්!

🧑‍💻 Next Episode එකේ...

Rasanjana

Comments

Delete Article

Tag වෙනකියන්නෙ `<h1>` - `<h6>` Headings (1-6 level) `<p>` Paragraph `<a>` Anchor / Link `<img>` Image එකක් එක්කරන එක `<br>` Line break `<strong>` Bold කරන්න `<em>` Italic කරන්න 💡 Udaharanayak (Example)