Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Image Links</title> <style> a img { border: none; } .logo-link img { transition: opacity 0.2s; } .logo-link img:hover { opacity: 0.8; } </style> </head> <body> <h1>Linked Images</h1> <!-- Basic image link --> <a href="https://example.com"> <img src="logo.png" alt="Example Company Homepage"> </a> <!-- Hover effect --> <a href="/gallery/" class="logo-link"> <img src="gallery-thumb.jpg" alt="View photo gallery" width="200" height="150"> </a> </body> </html>
Result
Open