Links and images
Connect pages together and add images that everyone can understand.
What you will be able to do
- Write internal and external links
- Use descriptive link text
- Write useful alt text
Links are what make the web a web. The href attribute holds the destination; the text between the tags tells people where they will go.
<a href="/tutorials/css">Continue to CSS</a>
<a href="https://developer.mozilla.org" target="_blank" rel="noopener noreferrer">
Read the MDN reference
</a>
<img src="/images/team.jpg" alt="The EduByte team at a workshop" width="640" height="360">Images that work for everyone
The alt attribute is required for meaningful images. Describe what the image communicates, not what it is. Decorative images use alt="" so screen readers skip them.
Your turn
MediumMake it accessible
Add a link to /tutorials with the text "Browse all tutorials", then add an image with descriptive alt text.
HTML · starter
<!-- your link and image here -->Check your understanding before moving on.
Knowledge checkQuestion 1
What is the best alt text for a photo of a student receiving a certificate?
Select an answer to continue
Study tools
Make it yours.
Keep a private note for this lesson, then turn the key ideas into flashcards you can revisit.
Sign in to save notes and flashcards.Both are private to your account and stay with your progress.
Sign inFinished reading?
Lock in what you just learned.
0%
Mark this lesson complete to save your place and move one step closer to the certificate.