HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Printable ASCII Range</title>
  <style>
    body { font-family: system-ui, sans-serif; padding: 1.5rem; }
    .grid { display: flex; flex-wrap: wrap; gap: 0.35rem; max-width: 36rem; }
    .cell {
      width: 2.5rem; text-align: center; padding: 0.35rem 0;
      border: 1px solid #e2e8f0; border-radius: 4px; font-size: 0.85rem;
    }
    .cell small { display: block; color: #64748b; font-size: 0.65rem; }
  </style>
</head>
<body>

  <h1>Printable ASCII (32–126)</h1>
  <p>Each box shows the character and its decimal code.</p>
  <div class="grid" id="grid"></div>

  <script>
    var grid = document.getElementById("grid");
    for (var i = 32; i <= 126; i++) {
      var ch = String.fromCharCode(i);
      var el = document.createElement("div");
      el.className = "cell";
      el.innerHTML = (ch === " " ? "SP" : ch) + "<small>" + i + "</small>";
      grid.appendChild(el);
    }
  </script>

</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

ASCII Table — Printable Range Demo