📄 HTML to Markdown 변환기

HTML to Markdown 변환기란?

HTML 코드를 Markdown 형식으로 자동 변환해주는 무료 온라인 도구입니다. 웹페이지의 HTML 소스나 리치 텍스트 에디터의 HTML 출력을 간결한 마크다운 문법으로 변환하여 GitHub, 블로그, 기술 문서 등에서 쉽게 사용할 수 있습니다. 브라우저에서만 동작하여 서버로 데이터가 전송되지 않으므로 안전합니다.

이런 분들에게 추천합니다

• HTML 콘텐츠를 마크다운으로 이전해야 하는 개발자
• 워드프레스 등 CMS에서 마크다운 블로그로 이전하는 블로거
• HTML 이메일을 마크다운 문서로 변환하고 싶은 사용자
• 웹 스크래핑 데이터를 마크다운으로 정리하는 데이터 분석가
• HTML 문서를 GitHub README로 변환해야 하는 프로젝트 관리자

사용 방법

1. HTML 입력: 상단 텍스트 영역에 HTML 코드 붙여넣기
2. 변환 실행: "변환 →" 버튼 클릭
3. 결과 확인: 하단에 변환된 Markdown 코드 확인
4. 복사: "📋 복사" 버튼으로 결과를 클립보드에 복사
5. 초기화: "초기화" 버튼으로 입력/출력 내용 지우기

지원하는 HTML 태그

• 제목: <h1> ~ <h6> → # ~ ######
• 굵게: <strong>, <b> → **텍스트**
• 기울임: <em>, <i> → *텍스트*
• 링크: <a href="url"> → [텍스트](url)
• 이미지: <img src="url" alt="text"> → 
• 목록: <ul>, <ol>, <li> → -, 1. 등
• 코드: <code> → `코드`, <pre> → ```코드```
• 인용: <blockquote> → > 인용문
• 단락: <p> → 빈 줄로 구분
• 구분선: <hr> → ---

주요 기능

• 자동 변환: 버튼 클릭 한 번으로 즉시 변환
• 다양한 태그 지원: 제목, 링크, 이미지, 목록, 코드 등
• 중첩 태그 처리: 복잡한 HTML 구조도 변환 가능
• 불필요한 태그 제거: 마크다운으로 표현 불가능한 태그 자동 제거
• 서버 전송 없음: 브라우저에서만 처리되어 안전
• 복사 기능: 원클릭으로 결과 복사

활용 사례

• 블로그 마이그레이션: HTML 기반 블로그를 마크다운 블로그로 이전
• 문서 변환: HTML 문서를 GitHub README나 위키로 변환
• 이메일 아카이빙: HTML 이메일을 마크다운으로 저장
• 웹 스크래핑: 수집한 HTML 콘텐츠를 마크다운으로 정리
• 콘텐츠 재사용: 웹페이지 내용을 마크다운으로 추출
• 문서 간소화: 복잡한 HTML을 간결한 마크다운으로 변환

변환 팁

• 깨끗한 HTML: 불필요한 스타일이나 스크립트 태그는 미리 제거
• 구조적 HTML: 시맨틱 HTML 태그를 사용하면 더 정확한 변환
• 이미지 경로: 상대 경로는 절대 경로로 변경 필요
• 테이블 미지원: 현재 <table> 태그는 지원하지 않음
• 결과 검토: 변환 후 결과를 확인하고 필요시 수동 수정

HTML vs Markdown 비교

• HTML: <h1>제목</h1> → Markdown: # 제목
• HTML: <strong>굵게</strong> → Markdown: **굵게**
• HTML: <a href="url">링크</a> → Markdown: [링크](url)
• HTML: <ul><li>항목</li></ul> → Markdown: - 항목
• HTML: <code>코드</code> → Markdown: `코드`

자주 묻는 질문 (FAQ)