3.4. Składnia pliku
3.4.7. Grafika i obrazki
3.4.6. Linki
« Poprzedni
3.4.8. Listy porządkowe
Następny »

3.4.7. Grafika i obrazki

Wstawianie obrazków do tekstu w składni Markdown jest bardzo podobne do wstawiania linków i różni się tylko tym, że zaczyna się od znaku wykrzyknika !. Składnia wstawiania obrazków również umożliwia używanie referencji.

![Tekst alternatywny](/sciezka/do/obrazka.jpg)

![Tekst alternatywny](/sciezka/do/obrazka.jpg "Opcjonalny tytuł")

Tekst alternatywny jest tym, co znajdzie się w atrybucie alt w wyjściowym kodzie HTML.

Referencja w obrazkach wygląda analogicznie do linków:

![Tekst alternatywny][id]

gdzie "id" jest etykietą referencji. Definicja referencji jest identyczna z linkami:

[id]: /sciezka/do/obrazka.jpg  "Opcjonalny tytuł"

Więcej informacji na temat referencji znaleźć można w rozdziale o linkach.

Grafika i obrazki w TypeFriendly

Odnoszenie się do obrazków znajdujących się w internecie w przypadku dokumentacji nie ma najmniejszego sensu. Dlatego TypeFriendly umożliwia umieszczenie obrazków w folderze media/ znajdującym się w katalogu z rozdziałami dokumentacji w danym języku (/input/JĘZYK/media). Podczas procesu budowania dokumentacji, katalog ten zostanie przeniesiony do folderu output/.

![Wykres](media/graph.png)  
**Przykład wstawienia obrazka**

Wykres
Przykład wstawienia obrazka

W naszej dokumentacji powyższy plik graph.png znajduje się w katalogu /input/en/media/.

Zobacz także:

3.4.7. Grafika i obrazki
3.4. Składnia pliku
« Poprzedni
3.4.6. Linki
Następny »
3.4.8. Listy porządkowe