HTML Markdown 변환기
왼쪽에 HTML을 붙여 넣으면 오른쪽에 Markdown 결과가 나타납니다. 예시를 불러오거나 파일을 선택한 뒤 결과를 복사할 수 있습니다.
구조를 남기는 변환 · 단순 태그 제거와 달리 제목, 링크, 목록을 Markdown 문법으로 옮깁니다.
HTML을 붙여 넣거나 예시를 불러오세요.
브라우저에서 변환 · UTF-8 HTML·TXT · 최대 1 MiB
바로 쓸 수 있게.
- 바로 보이는 화면입력 위치와 결과 위치를 또렷하게 둡니다.
- 결과 먼저핵심 결과를 앞에 두고, 과정은 필요할 때만 보여줍니다.
- 요구 줄이기가입이나 불필요한 정보 입력 없이 바로 쓰게 합니다.
HTML을 Markdown 문서로 옮길 때
HTML Markdown 변환기는 태그 안의 글자만 꺼내는 도구가 아닙니다. 제목은 #, 굵은 글씨는 **, 링크는 [글자](주소)처럼 바꿔 문서의 구조를 가능한 만큼 남깁니다. 웹페이지 본문을 README나 메모로 옮길 때 제목·목록·링크를 다시 입력할 필요를 줄여 줍니다.
왼쪽에 HTML 코드를 붙여 넣거나 UTF-8 HTML 파일을 선택하면 오른쪽에 Markdown이 나옵니다. 입력한 코드를 화면에 실행하거나 HTML 미리보기로 삽입하지 않습니다. 변환 결과를 읽고 복사하거나 .md로 저장하세요. CSS 배치와 동적 화면처럼 Markdown에 없는 표현은 그대로 옮겨지지 않습니다.
태그 제거와 무엇이 다른가요?
HTML 태그 제거는 남은 문장을 일반 텍스트로 정리합니다. 이 도구는 태그가 나타내는 문서의 역할을 Markdown 기호로 바꿉니다. 두 도구 모두 HTML 디자인을 복사하는 것은 아니지만, 제목·목록·링크를 다시 편집하려면 Markdown 쪽이 출발점으로 좋습니다.
- <h2>안내</h2>는 단순 제거 시 안내, Markdown 변환 시 ## 안내가 됩니다.
- <strong>중요</strong>는 **중요**로, <a href="https://example.com">출처</a>는 [출처](https://example.com)로 표시됩니다.
- 서식 없이 텍스트만 필요하다면 HTML 태그 제거기를 쓰세요.
HTML에서 Markdown으로 옮기는 순서
웹페이지에서 복사한 HTML 코드를 왼쪽 HTML 입력칸에 넣습니다. 오른쪽 결과는 입력이 바뀌면 다시 만들어지므로 변환 버튼을 찾을 필요가 없습니다. 결과를 읽어 본 뒤 결과 복사 또는 Markdown 저장을 선택하세요. 파일을 열었다면 파일명 표시로 어떤 입력을 불러왔는지 확인할 수 있습니다.
- HTML·HTM·TXT 파일을 선택할 수 있으며 UTF-8 기준 1 MiB까지 읽습니다.
- 예시 넣기는 제목·링크·목록이 든 샘플 HTML을 채웁니다.
- 모두 지우기는 입력과 출력만 비우고 원본 파일을 수정하지 않습니다.
제목과 문단의 경계는 어떻게 남나요?
HTML의 h1부터 h6까지는 # 개수로 제목 수준을 나눕니다. 단락 p는 빈 줄로 분리하고 줄바꿈 br은 문단 안에서 줄을 바꿉니다. 편집기마다 줄바꿈의 표시 방식이 다를 수 있으니 원문의 개행이 중요한 문서는 결과를 붙여 넣을 편집기에서도 확인하세요.
- <h1>제목</h1> → # 제목
- <h2>소제목</h2> → ## 소제목
- <p>첫 단락</p><p>다음 단락</p> → 빈 줄로 구분한 두 단락
강조·취소선·코드의 문자
굵은 글씨와 기울임꼴은 별표, 취소선은 물결표 두 개로 표시합니다. 본문 속 코드는 백틱으로 감싸고 pre 코드 블록은 여러 줄을 담을 수 있는 울타리 문법으로 분리합니다. 코드 안의 별표나 꺾쇠를 본문 서식으로 해석하지 않아야 실제 코드 예제를 읽기 쉽습니다.
- <strong>중요</strong> → **중요**
- <em>참고</em> → *참고*, <del>삭제</del> → ~~삭제~~
- 코드 블록의 언어 정보가 명시되어 있으면 울타리 뒤에 붙여 확인합니다.
링크와 이미지 주소 확인하기
HTML 링크는 보이는 글자와 href 주소를 함께 옮겨 [글자](주소) 형태로 표시합니다. 이미지는 대체 텍스트와 src 주소로 를 만듭니다. 상대 주소는 원본 사이트를 모르면 다른 문서에서 열리지 않을 수 있습니다. 결과의 주소를 확인하고 필요하면 원본 사이트의 절대 주소로 바꿔 주세요.
- https://example.com처럼 출처가 분명한 주소는 그대로 확인합니다.
- 상대 경로 /images/photo.jpg는 사용 중인 문서의 위치에 따라 달라집니다.
- 스크립트를 실행하는 주소는 Markdown 링크로 옮기지 않습니다.
목록과 인용문을 다시 읽을 때
ul은 하이픈 목록, ol은 번호 목록으로 바꾸며 중첩 항목은 들여씁니다. blockquote는 줄 맨 앞의 >로 구분합니다. 복잡한 목록 안에 표·코드·여러 문단이 섞인 경우 편집기마다 표현이 달라질 수 있으므로, 긴 문서를 한꺼번에 발행하기 전에 들여쓰기와 번호를 한 번 확인하는 편이 좋습니다.
- <ul><li>사과</li><li>배</li></ul> → - 사과, - 배
- <ol><li>첫째</li><li>둘째</li></ol> → 1. 첫째, 2. 둘째
- 중첩 목록은 부모 항목 바로 아래에 들여쓰기해 구분합니다.
표를 옮길 때 잃는 정보
머리글과 일반 셀로 이루어진 HTML 표는 파이프(|)와 구분선을 쓰는 Markdown 표로 읽을 수 있습니다. 셀 안의 | 문자는 열 경계가 되지 않도록 이스케이프해야 합니다. 반면 rowspan·colspan으로 합친 셀이나 CSS로 만든 폭·색·정렬은 일반적인 파이프 표만으로 정확하게 나타낼 수 없습니다. 합쳐진 표는 결과의 행과 열을 직접 대조하세요.
- 이름 / 값 머리글 아래 구분 행 | --- | --- |가 생깁니다.
- 셀의 A|B는 Markdown에서 A\|B로 써야 한 칸으로 남습니다.
- 병합 셀이나 복잡한 레이아웃은 결과를 단순 표로 정리하거나 원본 HTML을 유지하세요.
HTML 전체 문서와 붙여 넣은 조각
완전한 HTML 파일뿐 아니라 p·h2 같은 일부 태그만 들어 있는 조각도 입력할 수 있습니다. 브라우저가 태그 구조를 해석한 뒤 문서의 본문에서 Markdown으로 표현할 내용을 읽습니다. head의 메타데이터·스타일 시트·자바스크립트는 문서 본문이 아니므로 옮기지 않습니다.
- 전체 HTML 파일을 열 때 title 태그와 화면의 h1은 다른 정보입니다.
- 앰퍼샌드 문자 참조처럼 HTML 안에 인코딩된 글자는 실제 문자로 읽습니다.
- 깨진 태그는 브라우저의 HTML 해석 규칙에 따라 보정될 수 있어 결과를 원문과 대조해야 합니다.
변환할 수 없는 디자인과 동적 콘텐츠
Markdown은 문서 구조와 일부 글자 서식에 적합하지만 웹페이지 화면 전체를 저장하는 형식은 아닙니다. CSS의 색·여백·글꼴, iframe·동영상, 클릭 후 자바스크립트가 채우는 내용은 HTML 소스만으로 되살릴 수 없습니다. 동적 화면에 보인 내용이 필요하다면 먼저 실제 글을 복사해 HTML 입력에 넣으세요.
- HTML 소스에 없는 로그인 후 내용은 변환 결과에도 나오지 않습니다.
- 입력한 HTML은 편집기에서 미리 실행하지 않고 텍스트로 처리합니다.
- 이미지 자체는 .md 파일 안에 포함되지 않고 주소와 대체 텍스트가 남습니다.
복사·저장 뒤 확인할 세 가지
복사한 내용과 .md 파일은 같은 Markdown 텍스트입니다. 결과를 다른 편집기에서 열면 표·줄바꿈·이미지 주소 표현이 달라 보일 수 있습니다. 특히 문서 링크가 상대 경로인지, 복잡한 표에서 값이 합쳐지거나 빠지지 않았는지, 코드 울타리가 닫혔는지 확인하세요. 원본 HTML도 필요하면 따로 보관해야 합니다.
- 제목 수준과 목록 들여쓰기가 원본의 글 흐름을 설명하는지 확인합니다.
- 외부 링크와 이미지 경로를 열어 실제 목적지를 확인합니다.
- 변환 결과를 원문으로 되돌리는 완전한 왕복 변환은 기대하지 마세요.
HTML Markdown 변환 자주 묻는 질문
HTML Markdown 변환기와 HTML 태그 제거기는 어떻게 다른가요?
태그 제거기는 순수 텍스트만 남깁니다. 이 변환기는 h2를 ##로, strong을 **로, 링크를 [글자](주소)로 바꿔 문서 구조를 남깁니다.
HTML 전체 파일을 넣어도 되나요?
네. UTF-8 HTML·HTM 파일을 선택하거나 코드를 붙여 넣으세요. 파일은 최대 1 MiB이며 본문 내용을 읽어 변환합니다.
목록이 여러 단계여도 변환되나요?
ul·ol 안에 다시 들어간 목록은 들여쓰기해 구분합니다. 표나 여러 문단이 목록에 섞였다면 사용할 편집기에서 번호와 줄바꿈을 확인하세요.
링크와 이미지는 다운로드 파일에 포함되나요?
링크 글자·주소, 이미지의 대체 텍스트·주소만 Markdown에 남습니다. 이미지 파일 자체를 다운로드하거나 .md 파일에 포함하지는 않습니다.
HTML 표도 Markdown 표가 되나요?
머리글과 셀로 된 일반 표는 파이프 표로 옮길 수 있습니다. rowspan·colspan으로 합친 셀은 GFM 파이프 표에 그대로 담을 수 없으므로 결과를 대조해 주세요.
CSS 스타일이나 JavaScript 결과도 옮겨지나요?
아닙니다. HTML 소스의 문서 내용만 변환합니다. CSS의 배치·색과 스크립트 실행 뒤 나타나는 내용은 Markdown으로 옮기지 않습니다.
HTML 특수문자는 결과에 어떻게 나오나요?
HTML 문자 참조는 브라우저가 해석한 글자로 나옵니다. 예를 들어 앰퍼샌드 문자 참조는 &로 읽히며 Markdown 문법 기호는 문맥에 맞게 처리합니다.
변환한 Markdown을 다시 HTML로 돌리면 원본과 같나요?
아닙니다. CSS, 복잡한 표, 사용자 정의 요소처럼 Markdown으로 표현하지 않은 정보가 빠집니다. 원본이 필요하면 HTML 파일을 별도로 보관하세요.
HTML을 입력하면 서버에 문서가 저장되나요?
아닙니다. 입력과 파일 읽기, 텍스트 변환은 현재 브라우저에서 처리하며 변환을 위해 원문을 서버에 보내거나 자동 저장하지 않습니다.
문서 문법을 확인한 곳
Markdown 표와 제목·목록·코드 문법은 GitHub Flavored Markdown 명세를, HTML을 화면에 넣지 않고 읽는 방식은 MDN의 template 문서를 참고했습니다. 실제 표시와 보안 처리 방식은 결과를 붙여 넣는 편집기마다 다를 수 있습니다.
다른 형식으로 이어서 쓰기
- Markdown HTML 변환기 · 반대 방향인 Markdown → HTML이 필요할 때
- HTML 태그 제거기 · 서식 없는 일반 텍스트만 꺼낼 때
- 마크다운 표 CSV 변환기 · 표 데이터를 CSV 파일로 옮길 때