<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Image Hyperlink and Caption Example</title>
  <style>
    body { font-family: Arial, sans-serif; margin: 2em; }
    figure { max-width: 320px; margin: 2em 0; }
    figcaption { background: #f3f3f3; color: #333; padding: 6px; text-align: center; font-style: italic; }
  </style>
</head>
<body>

  <!-- Image as a hyperlink -->
  <a href="https://www.example.com" target="_blank">
    <img src="https://via.placeholder.com/200x100.png?text=