Links and images

Connect pages and add pictures the right way.

HTML
<a href="/about.html">About us</a>
<a href="https://trainingtrains.com" target="_blank" rel="noopener">Open in a new tab</a>
<a href="mailto:hello@example.com">Email us</a>

<img src="team.jpg" alt="Interns working in the lab" width="600" height="400">

The alt text describes the picture for blind users and appears when the image fails to load, so always write it. Setting width and height stops the page from jumping while the image loads.

Write link text that makes sense alone. "Download the syllabus" is better than "click here".

โ† Headings and textLists and tables โ†’