1. 홈
  2. 문서 (HWP·Word)
  3. HTML 마크다운 변환

HTML 마크다운 변환

HTML 코드나 복사한 웹페이지 내용을 마크다운으로 바꿉니다.

내 브라우저에서 처리 · 업로드 없음 오프라인 동작

변환기를 불러오는 중입니다…

붙여넣은 HTML은 화면에 표시되거나 실행되지 않고 변환용으로만 해석되며, 서버로 전송되지 않습니다.

사용 방법

  1. HTML 코드를 붙여넣거나, 웹페이지·워드·구글 문서에서 복사한 내용을 그대로 붙여넣습니다. “서식(HTML)으로 붙여넣기”가 켜져 있으면 클립보드에 함께 담긴 HTML을 가져와 제목·굵게·링크·표가 살아 있는 마크다운이 됩니다.
  2. 제목 형식(# 또는 밑줄), 글머리 기호(- * +), 코드 블록 방식, 링크 형식, 기울임 기호를 고릅니다.
  3. 결과를 복사하거나 .md 파일로 내려받습니다. 노션, 깃허브 README, 정적 블로그(Jekyll·Hugo·Astro), 옵시디언에 붙여넣기 좋습니다.

어떻게 바뀌나요

HTML 마크다운
<h2>소개</h2> ## 소개
<strong>굵게</strong>, <em>기울임</em> **굵게**, _기울임_
<a href="https://a.com">글</a> [글](https://a.com)
<img src="a.png" alt="설명"> ![설명](a.png)
<ul><li>항목</li></ul> - 항목
<pre><code class="language-js"> ```js 코드 블록 (언어 표시 유지)
<del>, <s> ~~취소선~~ (GFM)
<input type="checkbox" checked> [x] (GFM)
<table> | 칸 | 칸 | 표, align 속성은 :---:·---: 정렬로 (GFM)

<script>, <style>, <head>, <iframe> 같은 태그는 내용과 함께 버립니다. 본문 글에 들어 있던 *, _, 1. 같은 기호는 마크다운 문법으로 오해받지 않도록 \*처럼 이스케이프합니다.

주의할 점

  • 마크다운에 없는 표현(글자색, 글꼴, 칸 합치기 colspan, 여러 문단이 든 표 칸 등)은 사라지거나 한 줄로 합쳐집니다.
  • GFM 표는 첫 행이 머리글이어야 해서, <thead>가 없는 표는 첫 행을 머리글로 씁니다.
  • 글머리 뒤 공백이 세 칸(- 항목)인 것은 목록 안에 문단·코드를 넣어도 들여쓰기가 맞도록 하는 turndown 라이브러리의 기본 형식입니다. 마크다운 해석 결과는 한 칸과 같습니다.

자주 묻는 질문

붙여넣은 HTML이 실행되지는 않나요?

아니요. HTML은 화면에 넣지 않고 변환을 위해 별도의 빈 문서로만 해석하므로, 안에 든 스크립트가 실행되거나 이미지가 불러와지지 않습니다. 서버로도 전송되지 않습니다.

변환한 마크다운이 어떻게 보이는지 확인하고 싶어요.

마크다운 미리보기에 붙여넣으면 바로 확인할 수 있습니다. HTML 코드 자체를 정리하려면 HTML 정렬·압축을 쓰세요.

준비 중인 도구

필요한 도구가 없나요?

어떤 작업을 하고 싶은지 적어 주세요. 요청이 많은 도구부터 만듭니다.