area href, area alt attributes
The href attribute on the area element:
The alt attribute on the area element:
Examples
| <area | attribute | = | "value(s)" | > | Examples | ||
|---|---|---|---|---|---|---|---|
| 4. | href | = | URL | < href="area1.php" alt="area 1"> | |||
| 1. | alt | = | text | < href="area1.php" alt="area 1"> |
Video demonstration area href, alt attributes
HTML5 area href, alt attributes Tutorial
| min | video details |
|---|---|
| 00:00 | video tutorial: href and alt attributes on area element |
| 00:08 | href attribute on area element allows you to link a resource to an area, making the area clickable (a hyperlink) |
| 00:14 | 1st area: not clickable adding the href attribute, linking it to its corresponding resource "css.php" |
| 00:33 | clickable area |
| 00:36 | the linked resource "css.php" opened |
| 00:41 | alt attribute on area element allows you to provide an alternative text for the image; acts like fallback content: it means that this text will display when the image can't be displayd |
| 00:58 | 2nd area: not clickable adding the href attribute, linking it to its corresponding resource "html.php" |
| 01:15 | the linked resource opened |
| 01:22 | adding the alternative text for the image |
| 01:30 | 3rd area: not clickable adding the href attribute, linking it to its corresponding resource "js.php" |
| 01:48 | the area is clickable and opens the linked resource js.php |
| 02:03 | 4th area (white space, the rest of the image): not clickable adding the href attribute, linking it to its corresponding resource "default.php" |
| 02:19 | the area is clickable and opens the linked resource default.php |