마크다운(markdown) 하이퍼 링크와 이미지 연결

## 마크다운(markdown) 하이퍼 링크와 이미지 연결
### 하이퍼 링크 설정하기
마크다운에서 하이퍼링크 설정은 3가지 방법이 있음
```
- <링크 주소>
- [링크 이름](링크 주소)
- [링크 이름](링크 주소, "부연 설명")

부연 설명의 경우 마우스를 가져다 대면 보임

<www.blogger.com>
[블로거로 이동하기](www.blogger.com)
[블로거로 이동하기](www.blogger.com, "블로거로 이동합니다.")
```

<www.blogger.com>
[블로거로 이동하기](www.blogger.com)
[블로거로 이동하기](www.blogger.com, "블로거로 이동합니다.")

### 이미지 설정하기
이미지는 하이퍼링크와 똑같이 설정하되 제일 앞에 느낌표 !를 붙여주면 됨
```
![이미지](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYYVD4iLvlV7GEbwOCDJi6yWF1oBsvp4mlbefcOVw-BivOXNuC5C3elLPy5ILzqayCqYZbUu1xt1SIHacCuKGOM2HosiTB0emR3mfUc0dfYAJ8pHa1GondXgFIXPNhN3M-p7QIAYMZMdWl-Qe5PS-rhj7NyaPRhY5RnfQyDXBW75CcfE0iSHi5lCiE/s320/2015-10-09%2021.37.58.jpg)
```

![이미지](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYYVD4iLvlV7GEbwOCDJi6yWF1oBsvp4mlbefcOVw-BivOXNuC5C3elLPy5ILzqayCqYZbUu1xt1SIHacCuKGOM2HosiTB0emR3mfUc0dfYAJ8pHa1GondXgFIXPNhN3M-p7QIAYMZMdWl-Qe5PS-rhj7NyaPRhY5RnfQyDXBW75CcfE0iSHi5lCiE/s320/2015-10-09%2021.37.58.jpg)

## 마크다운 사용법
### 기본
- [기본 사용법](https://blog.indexall.net/2023/01/description-and-basic-usage-of-markdown.html)
- [구분선, 들여쓰기, 불릿, 인덱싱](https://blog.indexall.net/2023/01/handling-division-lines-indentation-bullets-and-indexing-in-markdown.html)
- 하이퍼 링크와 이미지 연결

### 고급스럽게
- [글자 강조 (bold, italic, color)](https://blog.indexall.net/2022/10/highlight-text-in-markdown-bold-italic-color.html)
- [인용구](https://blog.indexall.net/2023/01/quote-handling-in-markdown.html)
- [체크박스](https://blog.indexall.net/2023/01/show-checkboxes-in-markdown.html)
- [표 만들기, 셀 정렬](https://blog.indexall.net/2022/06/markdown-table-sort-cells.html)
- [코드블록과 문법 강조](https://blog.indexall.net/2022/06/markdown-code-block-and-syntax-highlighting.html)

### 편하게
- [온라인 웹 에디터 추천](https://blog.indexall.net/2023/01/recommended-markdown-web-editor.html)
- [HTML 에서 Markdown 변환툴](https://blog.indexall.net/2023/01/markdown-html-to-markdown.html)