Nadpis testu
Text testu s príkladmi pridávania obrázkov do markdown stránok.
Základný obrázok
Tu je príklad jednoduchého obrázka v markdown formáte:
Obrázok s popisom
Môžete pridať aj podrobnejší alt text pre prístupnosť:
Obrázok s vlastnou veľkosťou
Pre presnejšiu kontrolu nad veľkosťou môžete použiť HTML syntax:
Obrázok zarovnaný do stredu
Externý obrázok
Môžete použiť aj obrázky z internetu:
Dva obrázky vedľa seba
Použitím flexboxu môžete umiestniť dva obrázky vedľa seba:
Tri obrázky vedľa seba
Rovnako môžete vytvoriť galériu s tromi obrázkami:
Rôzne šírky obrázkov
Môžete nastaviť rôzne šírky pre každý obrázok:
Vlastné medzery medzi obrázkami
Pomocou gap vlastnosti môžete kontrolovať medzery:
Malá medzera (8px)
Veľká medzera (32px)
Responzívne obrázky vedľa seba
Pre responzívne zobrazenie môžete použiť percentá alebo kombinovať s maxWidth:
Tip
Všetky obrázky v projekte by mali byť umiestnené v priečinku public/images/ a v markdown ich odkazujete pomocou /images/nazov-obrazka.jpg.
Nastavenie šírky a medzier:
width: Určuje šírku obrázka (napr.'50%','300px')gap: Nastavuje medzeru medzi obrázkami (napr.'8px','16px','32px')flexWrap: 'wrap': Umožňuje prelamovanie obrázkov na menších obrazovkách