<figure role="main">
<button type="button"><img src="im/pr/1550G.avif" alt="vignette 1" width="100" height="77" loading="lazy" decoding="async" /></button>
<img src="im/pr/1550G.avif" alt="mon beau produit tout neuf" width="400" height="305" fetchpriority="high" decoding="async" />
<button type="button"><img src="im/mu/1550-1G.webp" alt="vignette 2" width="100" height="82" loading="lazy" decoding="async" /></button>
<img src="im/mu/1550-1G.webp" alt="imafge 2" width="400" height="328" loading="lazy" decoding="async" />
</figure>

<script>
// Focus à l'ouverture de la page
 
document.querySelector('button:has(> img[src$="1550-6G.webp"])').focus ();
 
const imgs = document.querySelectorAll("figure > button");
const imgFocused = [];
imgFocused[0] = "im/mu/1550-1G.webp"
 
// Cherche le Focus
 
for (button of imgs) {
button.addEventListener("blur", function () {
document.querySelector('button:has(> img[src="' + imgFocused[0] + '"])').focus();
});
button.addEventListener("mousedown", function () {
imgFocused[0] = document.querySelector(figure > this > img).getAttribute("src");
document.querySelector('button:has(> img[src="' + imgFocused[0] + '"])').focus();
});
}
</script>

Deno.serve(() =>
  new Response("<h1>Hello, desktop</h1>", {
    headers: { "content-type": "text/html" },
  })
);

./main      # macOS / Linux
.\main.exe  # Windows

function CopierHtml() {
	var text_to_copy = document.getElementById("StriHtml").innerHTML;
	navigator.clipboard.writeText(text_to_copy).then(
	function(){
		alert("Code HTML copié");
	})
}

 function handler(e) {
     if (document.all) e = window.event;
     var key;
     var msg = '';
     key = e.keyCode;
     if (document.layers) key = e.which;
     if (document.all)    key = e.keyCode;
     if (key==39) msg = '_00001.htm';
     if (key==76) msg = '_00016.htm';
     if (key==80||key==37) msg = '_00015.htm';
     if (msg!='') location = msg;
   }