utilbox
문서 변환

HTML 마크다운 변환기

HTML 코드를 마크다운으로 즉시 변환합니다. 제목, 표, 코드블록, 리스트, 링크 등을 완벽하게 변환합니다.

HTML 입력
Markdown 출력

지원 HTML 태그

h1 ~ h6# 제목
p단락
strong / b**굵게**
em / i*기울임*
a[텍스트](URL)
img![대체](URL)
code`인라인 코드`
pre > code```코드 블록```
ul / ol / li리스트 (중첩 지원)
table마크다운 표
blockquote> 인용문
hr / br구분선·줄바꿈

사용 방법

  1. 왼쪽 입력창에 변환할 HTML 코드를 붙여넣습니다.
  2. 오른쪽에 마크다운으로 변환된 결과가 실시간으로 표시됩니다.
  3. 복사 버튼으로 결과를 클립보드에 복사하여 사용합니다.

관련 툴

HTML 마크다운 변환기 자세히 알아보기

HTML 마크다운 변환기는 웹 페이지에서 복사한 HTML 소스나 직접 작성한 마크업을 GitHub·노션·티스토리·옵시디언 등에서 쓰는 마크다운 문법으로 즉시 바꿔주는 도구입니다. 제목(h1~h6), 표, 코드블록, 중첩 리스트, 인용문, 이미지, 링크, 굵게·기울임 등 자주 쓰는 태그를 모두 지원하며, 입력하는 즉시 오른쪽 창에 결과가 실시간으로 표시됩니다.

더 알아보기

내부적으로 DOM 파서로 HTML 트리를 분석한 뒤 각 노드를 마크다운 토큰으로 변환하기 때문에 들여쓰기가 깨진 HTML이나 중첩 구조도 안정적으로 처리합니다. 워드프레스·블로그·구글 문서에서 복사한 콘텐츠를 마크다운 기반 시스템(GitHub README, Hugo, Jekyll, 노션 등)으로 옮길 때 가장 빠른 경로입니다.

이럴 때 사용하세요

  • 워드프레스·티스토리에 작성한 글을 GitHub README나 노션으로 옮길 때
  • AI 챗봇이나 웹사이트가 반환한 HTML을 마크다운 노트로 정리하고 싶을 때
  • 구글 문서·MS 워드 표를 마크다운 표로 빠르게 변환할 때
  • 옵시디언·로그시크 등 마크다운 노트 앱으로 자료를 이관할 때
  • Hugo·Jekyll·Docusaurus 같은 정적 사이트 생성기용 콘텐츠를 준비할 때

HTML 마크다운 변환기 자주 묻는 질문

어떤 HTML 태그를 지원하나요?
h1~h6, p, strong/b, em/i, a, img, code, pre, ul/ol/li(중첩), table, blockquote, hr, br 등 마크다운 표준 문법으로 매핑되는 태그를 지원합니다.
HTML 안의 style·class·id는 어떻게 되나요?
마크다운에는 인라인 스타일이라는 개념이 없으므로 무시됩니다. 시각적 표현은 손실되고 의미적 구조(제목·목록·링크 등)만 보존됩니다.
표 안의 셀 병합(rowspan·colspan)도 변환되나요?
마크다운 표는 셀 병합을 지원하지 않습니다. 병합 정보는 손실되며, 평평한 표로 변환됩니다.
코드블록 안의 들여쓰기는 보존되나요?
네. <pre><code> 블록 안의 공백·줄바꿈은 그대로 유지되어 펜스드 코드블록(```)으로 변환됩니다.
변환된 결과를 다시 HTML로 되돌릴 수 있나요?
본 도구는 단방향(HTML → 마크다운)입니다. 반대 변환이 필요하면 마크다운 미리보기 기능이 있는 에디터나 별도 변환 도구를 이용하세요.