HTML cheatsheet

img/video

<figure>
    <img src="" alt="" style="width: 50vw;">
    <figcaption></figcaption>
</figure>

<img src="" alt="" style="width: 300px;">

<video controls src="${src}" title="${title}"></video>

href

<a href="" target="_blank"></a>

See the full HTML guide here

ronzz.org specific

<figure>
    <img src="https://img.ronzz.org/" alt="" style="width: 50vw;">
    <figcaption></figcaption>
</figure>

<a href="https://cdn.ronzz.org/" target="_blank">
Visualiser la mindmap
</a>

iframe

<style>
    iframe.markmap {
        background-color: white; /* Fond blanc */
        width: 100vw !important;
        margin-left: calc(-50vw + 50%) !important;
        display: block;
        border: none;
    }
</style>

<!-- Ajuste src vers l'URL où tu as hébergé mindmap.html -->
<iframe
    src="https://ronzz.org/content/files/2025/10/FOSSMap-1.html"
    class="markmap"
    loading="lazy"
    height="600"
    allowfullscreen
></iframe>