Attributes sit inside the opening tag as name="value" pairs. A link is <a href="https://example.com">visible text</a>; href is where it goes. An image is <img src="picture.png" alt="what the picture shows">; it has no closing tag. alt is required: it is what screen readers say and what shows if the image fails to load, so describe the picture in a few words (or alt="" for purely decorative images).
Relative addresses like photos/cat.jpg are resolved from the page's own address; full addresses start with https://. The starter includes a tiny inline SVG image address so no download is needed.
<p>Read the <a href="https://developer.mozilla.org">MDN docs</a>.</p>
<img src="logo.svg" alt="The company logo">Your task
Add a paragraph containing a link to https://amba.tools with the text Amba's Tools, and an image using the src value from the starter with an alt text describing it (anything, for example A blue square).
Hint 1
<p>Made with <a href="https://amba.tools">Amba's Tools</a></p>
Hint 2
Copy the whole data: address into src="..." and add alt="A blue square".
Show the solution
<!doctype html>
<html>
<head>
<style>
</style>
</head>
<body>
<h1>Links and images</h1>
<p>Made with <a href="https://amba.tools">Amba's Tools</a>.</p>
<img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Crect width='80' height='80' fill='%232f6fed'/%3E%3C/svg%3E" alt="A blue square">
</body>
</html>