MD HTML 변환기

Markdown을 목차 있는
HTML 문서로

.md 파일을 넣으면 왼쪽에 목차가 달린 깔끔한 웹 문서가 됩니다. 결과는 파일 하나라서 메일이나 메신저로 그대로 보낼 수 있습니다.

파일이나 폴더를 끌어다 놓아도 됩니다 · · ·

파일은 서버로 올라가지 않고 이 브라우저 안에서 변환됩니다

사용 방법

  1. 문서 넣기: .md 파일을 고르거나 끌어다 놓습니다. 내용을 붙여넣어도 됩니다.
  2. 확인과 수정: 왼쪽 입력창을 고치면 오른쪽 미리보기가 바로 바뀝니다.
  3. 내려받기: .html 내려받기를 누르면 파일 하나가 저장됩니다. 받는 사람은 더블클릭으로 읽을 수 있습니다.

제목 위아래 정보 넣기

Markdown 문법만으로는 작은 제목이나 작성일 줄을 표현할 수 없습니다. 파일 맨 앞에 아래처럼 머리말을 적으면 문서 머리에 배치됩니다. 작업 화면의 머리말 넣기 버튼을 누르면 틀이 들어갑니다.

---
eyebrow: HANDS-ON TUTORIAL · 입문부터 실습까지
title: 문서 제목
description: 제목 아래에 들어가는 소개 문장입니다.
meta:
  대상: 처음 시작하는 개발자
  검증 환경: macOS · Python 3.11
  작성일: 2026-11-02
---

머리말이 없어도 됩니다. 문서 맨 앞의 # 제목이 큰 제목이 되고, 바로 뒤의 짧은 문단이 소개문이 됩니다. 자세한 내용은 머리말 가이드를 참고하세요.

이미지가 있는 문서

Markdown 안의 ![](images/a.png)는 HTML 파일과 이미지가 떨어지면 깨집니다. 문서와 이미지를 함께 넣거나 폴더째 넣으면 이미지를 HTML 안에 포함합니다. 찾지 못한 이미지는 '확인할 점'에 이름을 알려 주므로 이미지 추가로 넣으면 됩니다. 인터넷 주소 이미지는 링크로 둡니다.

자주 묻는 질문

파일이 서버로 올라가나요?

아닙니다. 변환 프로그램을 받은 뒤의 처리는 모두 이 브라우저 안에서 이루어집니다. 개발자 도구의 네트워크 탭에서 파일을 넣을 때 업로드 요청이 없는 것을 직접 확인할 수 있습니다.

받는 사람도 인터넷이 필요한가요?

필요 없습니다. 인터넷 주소로 넣은 이미지와, 웹폰트 옵션을 켰을 때의 글꼴만 예외입니다. 웹폰트를 받지 못하면 기기의 기본 글꼴로 보입니다.

제목 번호는 어떻게 처리되나요?

## 1. 설치나 ### 1.3 설정처럼 번호를 적으면 번호만 강조합니다. 큰 제목의 번호는 01처럼 두 자리로 표시합니다. 번호가 없는 문서는 문서 설정에서 자동 번호를 켤 수 있습니다.

Markdown 안에 쓴 HTML도 들어가나요?

표나 접기(details) 같은 일반 태그는 들어갑니다. 스크립트, iframe, 폼처럼 받는 사람에게 위험할 수 있는 것은 빼고, 무엇을 뺐는지 알려 줍니다. 그래서 유튜브 영상 삽입 코드는 들어가지 않습니다.

수식 기호 $가 금액과 헷갈리지 않나요?

$5와 $10처럼 쓴 금액은 수식으로 처리하지 않도록 규칙을 두었습니다. 그래도 수식이 되어 버리면 \$로 적어 주세요.

인쇄나 PDF 저장도 되나요?

브라우저의 인쇄 기능을 쓰면 목차와 복사 버튼은 빠지고 본문만 나옵니다. PDF로 저장할 때도 같습니다.

더 알아보기