Markdown Tutorial

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

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

첫번째 이미지 타입은 인라인 이미지 링크라 부릅니다. 인라인 이미지 링크를 사용하기 위해 느낌표를 입력하고 ( ! ), 대괄호로 ( [ ] ) 대체 텍스트(Alt Text)를 감싼 다음, 소괄호로 ( ( ) ) 링크를 감싸면 됩니다. (대체 텍스트는 시각 장애인들을 위한 문단 혹은 문장입니다.)

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

아래 입력 창에서, 이미지 링크로 바꾼 후, 대체 텍스트를 "A pretty tiger"로 바꿔보세요:

훌륭합니다!

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

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

아래 입력 창에서, 우리는 참조 이미지를 사용하고자 합니다. 지난 강의처럼 이것을 해결해야 다음 강의로 넘어가는 것 아시죠? "Black"이란 이미지 태그로 https://upload.wikimedia.org/wikipedia/commons/a/a3/81_INF_DIV_SSI.jpg 이미지 링크를 만들어주세요. 두번째 이미지 링크는 https://upload.wikimedia.org/wikipedia/commons/4/4f/Kitty_emoji.png 이미지 링크로 만들어주세요.

이미지(Images)