Obrazy mają również dwa typy, podobnie jak łącza, i oba renderują dokładnie
w ten sam sposób. Różnica między linkami a obrazami polega na tym, że obrazy
są poprzedzone wykrzyknikiem (!).
Pierwszy styl obrazu nazywa się inline linkiem do obrazu. Aby
utworzyć inline link do obrazu, wprowadź wykrzyknik (!),
wprowadź tekst alternatywny w nawiasach ([]), a następnie
wprowadź link w nawiasie (()). (Tekst alternatywny to fraza lub
zdanie opisujące obraz dla osób niedowidzących.)
Na przykład, aby utworzyć wbudowany link do obrazu do
https://octodex.github.com/images/bannekat.png z tekstem alternatywnym
"Benjamin Bannekat", napiszesz to w Markdown:
.
W polu poniżej przekształć link do obrazu i wypełnij nawiasy klamrowe, aby tekstem alternatywny było "ładny tygrys":
Cudownie!
Chociaż nie musisz potrzebować, dodawać teksty alternatywnego, spowoduje to, że Twoje treści będą dostępne dla odbiorców, w tym osób niedowidzących, osób używających ebooków lub nie posiadających szybkiego łącza internetowego.
W przypadku obrazu z linkiem referencyjnym zastosuj ten sam wzór, co w
przypadku linku referencyjny. Poprzedzisz Markdown wykrzyknikiem, a
następnie udostępnisz dwa nawiasy klamrowe dla tekstu alternatywnego, a
ostatecznie dwa dodatkowe dla znacznika obrazu, na przykład:
![Ojciec założyciel][Ojciec] A u dołu strony Markdown
zdefiniujesz obraz dla tagu, taki jak:
[Ojciec]: http://octodex.github.com/images/founding-father.jpg .
W polu poniżej zacząłem umieszczać link do obrazu o typie referencyjnym;
musisz je dokończyć, tak jak ostatnia lekcja. Nazwij pierwszy znacznik
referencyjny „Czarny” i umieść w nim link do
https://upload.wikimedia.org/wikipedia/commons/a/a3/81_INF_DIV_SSI.jpg ; dodaj drugi obraz do
http://icons.iconarchive.com/icons/google/noto-emoji-animals-nature/256/22221-cat-icon.png .