EP04 Links and Images HTML
Links and images are what make the web feel like the web! In this video, we go deep on the anchor tag and the img tag — covering everything from absolute vs relative URLs to making your images responsive on mobile.
What you will learn in this video:
✅ Basic links, opening links in a new tab
✅ Email links and phone links for contact pages
✅ Absolute URLs vs Relative URLs explained simply
✅ Adding images with src, alt, width and height
✅ Making images responsive so they fit any screen
✅ Writing good alt text for accessibility and SEO
✅ Mini project — build your own personal card page
By the end, you will have a real personal card page with a profile photo and clickable social links!
─────────────────────────
🎯 CHALLENGE:
1. Add a profile photo - make it circular with border-radius 50%
2. Add 3 links - one external, one email, one to another page
3. Add correct alt text to every image
4. Screenshot your personal card page and drop it in the comments!
─────────────────────────
📂 Download the code for this episode: https://github.com/srinathhunsur/html_prog...
https://github.com/srinathhunsur/html_prog...
https://github.com/srinathhunsur/html_prog...
https://github.com/srinathhunsur/html_prog...
🔔 SUBSCRIBE for a new HTML lesson every week
📂 Full Playlist - HTML for Beginners: [ADD PLAYLIST LINK]
⬅️ EP03 - 10 Essential HTML Tags: • EP03 10 HTML tags
➡️ EP05 - HTML Lists and Tables: [ADD LINK]
─────────────────────────
About Sri Learning Hub:
Sri Learning Hub is your go-to channel for learning Programming, Web Development, AI and ML, Data Science, Robotics and IT Skills - from absolute beginner to confident builder.
Empowering Minds. Shaping Futures.
─────────────────────────
#HTML #HTMLLinks #HTMLImages #WebDevelopment #LearnHTML #SriLearningHub #CodingForBeginners #WebDesign #HTML5 #HTMLTutorial