FrontendAtlas
Study
▾
Dashboard
Pricing
Get full access
<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; }
Preview
Live preview updates as you type
Building preview…
Show preview