Beispiel:HTML tel als qr.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
<!doctype html>
<html lang="de">
<head>
  <meta charset="utf-8">
  <meta viewport="width=device-width, initial-scale=1.0; ">
  <link rel="stylesheet" media="screen" href="./Beispiel:SELFHTML-Beispiel-Grundlayout.css" /> 
  <title>Telefonnumer als QR Code</title>
<style>
img {
    image-rendering: pixelated;    
    width: 7em;
}
figure {
  width: max-content;
  text-align: center;
}
</style>
</head>
<body>
  <h1>Ruf! Mich! An!</h1>
  <p>24h erreichbar:</p>
  <figure>
  <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXAQMAAADa5EbjAAAABlBMVEX///8AAABVwtN+AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAX0lEQVQImWNgAIJ61z8MjoEsDLGuJQyxjECcW8LgqMjCUB/6h4FBgYHB/1UMQ9HUDQzi/HMYkv4HMLCqPAEKLmCoj73A4BgawRDrrMIQm2/AECtlw+DIcoehPqMAZCwAJL0XExbNb4EAAAAASUVORK5CYII=">
    <figcaption><a href="tel:+499123456789">+49-9123-456789</a></figcaption>
  </figure></body>
</html>