Lesson 6: The Picture Frame (Images)
Goal: Embedding media. ESL Vocab: Image, Source (src), Alternative (alt), Width, Height.
- Concept: Images don’t have a closing tag! They are “self-closing.” You must tell the computer where the image is (
src) and what it is (alt) for blind people (accessibility). - The Syntax:
<img src="image-link.jpg" alt="A cute dog" width="300"> - Hands-on Practice:
- Go to Google Images and right-click an image -> “Copy Image Address” (Copier l’adresse de l’image).
- Add the
<img>tag to your VS Code file. - ESL Task: You must write a full English sentence in the
alt=""section describing the image.