How to Add Images & Links in HTML | Complete Frontend Development Course | Ep.06
CodeEasyWay
0:00 / 0:00
How to Add Images & Links in HTML | Complete Frontend Development Course | Ep.06
117 просмотров · 12 дней назад
CodeEasyWay
63 подписчика
117 просмотров · 12 дней назад
Welcome to Episode 6 of the Complete Frontend Development Course by CodeEasyWay! 🚀
In this video, we bring our webpages to life by learning how to add Images and Links in HTML. We also break down the most confusing topic for beginners: File Paths (Absolute vs. Relative). Understanding how to properly link local files using "./" and "../" is crucial for your web development journey!
📌 What you will learn:
Adding images using the img tag
The importance of the "alt" attribute for SEO
Absolute vs. Relative File Paths (Practical explanation)
How to create links using the Anchor a tag
Opening links in a new tab with target="_blank"
📝 Task of the Day:
Create an HTML page featuring an image of your favorite movie (using a relative path) and add a link below it that takes the user to its Wikipedia page. Comment "Ep 6 Done!" once you finish!
🔗 Important Links:
Complete Frontend Development Course: • Complete Frontend Development Course | Beg...
⏳ Timestamps:
0:00 - Intro to Images & Links
0:50 - How to add Images img
2:50 - File Paths Explained (Absolute vs Relative)
4:38 - The Anchor Tag a (HTML Links)
5:27 - Target _blank Attribute Explained
#html #htmllinks #htmlimages #filepaths #webdevelopment #codeeasyway #frontenddeveloper #htmlcourse #coding #vscode