Перейти к содержимому

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