Markdown 링크와 이미지 삽입법

마크다운(Markdown) 문서에 외부 웹페이지로 이동하는 하이퍼링크와 시각적 요소인 이미지를 넣는 핵심 문법을 알아봅니다.

1. 하이퍼링크 (Link) 삽입

링크는 대괄호 [ 텍스트 ]와 소괄호 ( URL )를 연속해서 작성합니다.

[Wizten Markdown 홈페이지 바로가기](https://markdown.wizten.com)

• [ 텍스트 ]: 화면에 클릭 가능한 형태로 표시될 이름
• ( URL ): 클릭 시 이동할 웹사이트 주소

팁: 제목(Title) 툴팁 추가

소괄호 내부 URL 뒤에 한 칸 띄우고 따옴표로 설명 문구를 넣으면, 마우스 오버 시 툴팁이 나타납니다.

[Wizten 편집기](https://markdown.wizten.com/tools/markdown-editor "온라인 마크다운 에디터 바로가기")

2. 이미지 (Image) 삽입

이미지 문법은 링크 문법과 거의 동일하지만, 맨 앞에 느낌표(!)를 추가합니다.

![대체 텍스트(alt)](https://example.com/logo.png)

• !: 이미지 삽입 명령임을 표시
• [ 대체 텍스트 ]: 이미지가 로드되지 않거나 스크린 리더에서 읽어줄 대체 설명(alt text)
• ( 이미지 URL ): 이미지 파일의 실제 인터넷 주소 또는 경로

3. 링크와 이미지 함께 사용하기 (이미지에 링크 걸기)

이미지를 클릭했을 때 특정 페이지로 이동하게 만들려면 이미지 문법 전체를 링크 문법의 텍스트 위치에 넣으면 됩니다.

[![Wizten 로고](https://example.com/logo.png)](https://markdown.wizten.com)

직접 실습해보세요! 편집기에서 직접 실습하기 →