<html> HTML
<!-- TODO: Make the image clickable and link to another website -->
<!DOCTYPE html>
<html lang='en'>
  <head>
    <meta charset='UTF-8'>
    <title>Links and Images</title>
  </head>
  <body>
    <h1>Clickable Image Practice</h1>
    <p>Your goal: make the image below link to another site.</p>

    <!-- Wrap the image in an <a> tag with href -->
    <!-- Use target='_blank' and rel='noopener noreferrer' -->
    <img src='https://upload.wikimedia.org/wikipedia/commons/6/63/Wikipedia-logo.png' alt=''>

    <p class='note'>Note: This embedded preview may block opening new tabs. Your code is still correct if the attributes are present.</p>
  </body>
</html>
# CSS
body {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  margin: 2rem;
  line-height: 1.6;
  text-align: center;
}
img {
  width: 150px;
  height: auto;
  border: 2px solid #ccc;
  border-radius: 6px;
  margin-top: 1rem;
}
h1 {
  font-size: 1.5rem;
  margin-bottom: .5rem;
}
.note {
  font-size: .9rem;
  opacity: .75;
  margin-top: 1rem;
}
Live preview updates as you type
Building preview…