이미지

여러분이 마크다운에서 링크를 사용할 줄 안다면, 이미지도 사용할 수 있습니다. 두 문법이 거의 동일합니다.

이미지 또한 두 가지 타입이 존재합니다. 링크처럼 두 타입 모두 렌더링 되는 방식은 같습니다. 링크와 이미지의 차이는 이미지는 앞에 느낌표를 사용합니다. ( ! ).

인라인 이미지 링크

첫번째 이미지 타입은 인라인 이미지 링크입니다. 인라인 이미지 링크를 사용하기 위해 느낌표를 입력하고 ( ! ), 대괄호로 ( [ ] ) 대체 텍스트(Alt Text)¹를 감싼 다음, 소괄호로 ( ( ) ) 링크를 감싸면 됩니다.

예를 들어, https://octodex.github.com/images/bannekat.png에 대한 이미지 링크와 Benjamin Bannekat란 대체 텍스트를 생성하려 할 때, 여러분은 마크다운에서 이렇게 사용하시면 됩니다: ![Benjamin Bannekat](https://octodex.github.com/images/bannekat.png).

![A pretty tiger](https://upload.wikimedia.org/wikipedia/commons/5/56/Tiger.50.jpg)

대체 텍스트를 씁시다.

비록 여러분이 대체 텍스트를 필요로 하지 않아도, 시각 장애가 있거나, 스크린 리더를 사용하거나, 고속 인터넷 연결이 없는 사람들을 포함하여 여러분의 청중들이 대체 텍스트를 통해 여러분의 컨텐츠에 접근할 수 있습니다.

참조 이미지 링크

두번째 이미지 타입은 참조 이미지 링크입니다. 문장 앞에 느낌표를 사용 후 대체 텍스트에 대괄호를 사용하고 이미지 태그에 대괄호를 사용하면 됩니다, 이렇게요: ![The founding father][Father] 마크다운 페이지 맨 하단에 이미지 태그를 정의하면 됩니다, 이렇게요: [Father]: http://octodex.github.com/images/founding-father.jpg.

![Black cat][Black]

![Orange cat][Orange]

[Black]: https://upload.wikimedia.org/wikipedia/commons/a/a3/81_INF_DIV_SSI.jpg
[Orange]: http://icons.iconarchive.com/icons/google/noto-emoji-animals-nature/256/22221-cat-icon.png