HTML Links and Images

Connect pages and show pictures with alternative text.

HTML

<a href="/tutorials">Browse tutorials</a>
<img src="logo.png" alt="Programonic logo" width="120" height="120">

Explanation

The a element makes a link, and href gives its destination. The img element shows a picture from src. The alt attribute describes the image for people who cannot see it, and width and height let the browser reserve space before the image loads.

Explore the dry run

Guided walkthroughReady

1<a href="/tutorials">Browse tutorials</a>

2<img src="logo.png" alt="Programonic logo" width="120" height="120">

Follow the example

Start to inspect the source, values, and output. These prepared steps explain the published sample; grouped loop steps describe multiple iterations.

View the complete dry-run table

Prepared trace of the published program. Some rows group repeated iterations.
Step / line	What happens	State after step	Output so far
	A link whose destination is /tutorials.	`—`	—
	An image with alternative text and a reserved size.	`—`	—

Open lesson and walkthrough Preview example