HTML in Sinhala - Lesson 04 | Hyperlinks and Images (a & img Tag) Tutorial - HTML සිංහලෙන් | O/L ICT

Welcome to CodeGalaxyLK! In this HTML tutorial in Sinhala, we’ll explore how to add Links (Anchor Tag) and Images (img Tag) to your web pages. This is Lesson 04 of our HTML tutorial series, perfect for beginners who want to build more interactive and visually appealing websites.
අද අපි ඉගෙනගන්න යන්නේ HTML ලේඛනයට සබැඳියක් (Link) සහ පිංතූර ඇතුලත් කරගන්න ආකාරය.

🔹 In this video, you’ll learn:

HTML in Sinhala - Lesson 04 | Links (Anchor Tag) and Images (img Tag) Tutorial
How to use the Anchor Tag (a tag) to create links in HTML
How to add Images (img tag) to your webpage
The syntax and attributes needed for both tags
Best practices for linking and embedding images in your HTML pages
By the end of this HTML Sinhala tutorial, you’ll be able to enhance your website with clickable links and images. Don’t forget to subscribe to CodeGalaxyLK for more web development tutorials in Sinhala!

⏰ Timestamps:

00:57 | Introduction to HTML Links with the Anchor Tag | HTML සම්බන්ධතා - Anchor Tag හඳුන්වා දීම
Learn about HTML links and how to use the anchor tag to create them.
HTML සම්බන්ධතා සහ ඒවා සාදන Anchor Tag භාවිතය ගැන ඉගෙනගනිමු.

02:55 | Setting Up a Practice Web Page for Hyperlinks and Images | Hyperlinks සහ Images ඇතුලත් කිරීම පුහුණුවට HTML පිටුවක් සාදා ගැනීම
Create a dedicated HTML page to practice using links and images.
Hyperlinks සහ Images භාවිතා කිරීම සඳහා අදාළ HTML පිටුවක් සාදන අයුරු.

04:13 | Adding an Anchor Tag to Your HTML Page | ඔබේ HTML පිටුවට Anchor Tag එකක් එකතු කිරීම
Step-by-step instructions to insert anchor links in your HTML.
HTML පිටුවේ Anchor Links එකතු කිරීමට පියවරෙන් පියවර මාර්ගෝපදේශය.

04:55 | Previewing Your Anchor Tag Web Page | Anchor Tag වෙබ් පිටුව පෙරදසුන ලෙස නරඹීම
See how your anchor links appear in a live web preview.
ඔබේ වෙබ් පිටුවේ Anchor Links සජීවීව පෙන්වන පෙරදසුන බලමු.

05:25 | HTML Image Tag Explained | HTML Image Tag හඳුන්වා දීම
An introduction to the HTML image tag and how to use it effectively.
HTML Image Tag සහ එය ප්‍රයෝජනවත්ව භාවිතා කරන අයුරු හැඳින්වීම.

06:30 | Adding Images to Your Web Page | ඔබේ වෙබ් පිටුවට රූප එකතු කිරීම
Learn how to insert images into your HTML web page with ease.
HTML වෙබ් පිටුවකට රූප පහසුවෙන් එකතු කිරීම ඉගෙනගනිමු.

08:07 | Understanding Image Paths: Relative vs. Absolute | Relative සහ Absolute Image Path පිළිබඳ අවබෝධය
Explore the differences between relative and absolute image paths.
Relative සහ Absolute Image Path අතර වෙනස අධ්‍යයනය කරමු.

09:35 | Adding Alt Text for HTML Images | HTML රූප සඳහා Alt Text එකතු කිරීම
Enhance accessibility by adding descriptive alt text to your images.
ඔබේ රූප සඳහා විස්තරාත්මක Alt Text එකතු කර ප්‍රවේශ වීමේ පහසුව සහ විස්තරාත්මක ප්‍රවණතාව වැඩි කරන්න.

09:56 | Setting Image Width and Height | රූප පළල සහ උස සැකසීම
Customize your images by adjusting their width and height.
ඔබේ රූප පළල සහ උස ගුණාත්මකව සැකසමු.

11:00 | Previewing the Links and Images Practice Web Page | සම්බන්ධතා සහ රූප පුහුණු පිටුවේ පෙරදසුන නරඹීම
Take a look at your completed web page with links and images.
සම්බන්ධතා සහ රූප සමඟ පුහුණු වෙබ් පිටුව සජීවීව බලමු.

11:54 | Why the Alt Attribute is Essential for HTML Images | HTML රූප සඳහා Alt Attribute එකේ වැදගත්කම
Learn about the importance of the alt attribute for accessibility and SEO.
Accessibility සහ SEO සඳහා Alt Attribute එකේ වැදගත්කම ගැන ඉගෙනගනිමු.

Subscribe for more tutorials: https://www.youtube.com/@TechTokLK

Our Previous Tutorials
==================
01. Lesson 01 - https://youtu.be/5o9N73QzHFM?si=SEl77Kqzr18DaWAZ
02. Lesson 02 - https://youtu.be/mC3rQAcaX0U?si=XJTdOSXGQVTNvlql
03. Lesson 03 - https://youtu.be/AzWK354UdiI?si=pcLb7rlZEFIAkSEm

#html #programming #codingcommunity #coding #education #code #CodeGalaxyLK #O/L_ICT

Видео HTML in Sinhala - Lesson 04 | Hyperlinks and Images (a & img Tag) Tutorial - HTML සිංහලෙන් | O/L ICT канала TechTok LK