HTML Code

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>Image Attributes</title>

  <style>

    body { font-family: system-ui, sans-serif; padding: 1.5rem; line-height: 1.6; }

    figure { margin: 0; max-width: 320px; }

    figcaption { margin-top: 0.5rem; color: #64748b; font-size: 0.9rem; }

    img { display: block; border-radius: 8px; border: 1px solid #e2e8f0; }

  </style>

</head>

<body>

  <figure>

    <img src="https://via.placeholder.com/280x160/3b82f6/ffffff?text=Logo"

         alt="Blue placeholder logo for CodeToFun"

         width="280" height="160">

    <figcaption><code>src</code>, <code>alt</code>, <code>width</code>, and <code>height</code> on <code>&lt;img&gt;</code></figcaption>

  </figure>

</body>

</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

HTML Attributes — img src, alt, width, height