마크다운 HTML 변환, 붙여넣으면 코드와 미리보기가 바로
마크다운으로 쓴 글을 블로그나 HTML 편집 화면에 넣으려면 HTML 코드로 어떻게 바꾸나요?
한 줄 답
마크다운을 붙여넣으면 제목, 목록, 표, 코드 블록, 링크가 들어간 HTML 코드와 미리보기가 바로 나와요. 글은 이 브라우저 안에서만 바꾸고, 어디로도 보내거나 저장하지 않아요.
넣은 글과 파일은 이 브라우저 안에서만 처리합니다. 이 사이트의 서버로 올라가지 않고, 어디에도 저장되지 않습니다.
주의
- 글에 쓴 HTML 태그는 태그로 읽지 않고 글자 그대로 보여 줍니다. 마크다운 사이에 넣은 태그가 필요하면 변환한 뒤 코드에서 직접 고칩니다.
- 위험한 주소로 이어지는 링크와 그림(javascript:나 data:로 시작하는 것)은 링크를 빼고 글자만 남깁니다. 외부 주소는 http, https, mailto, tel과 상대 주소만 링크로 만듭니다.
어떻게 바꾸나요
마크다운을 위 칸에 붙여넣으면 「HTML 코드」 칸에 HTML이 나오고, 「미리보기」에는 그 HTML이 어떻게 보이는지 나옵니다. 「HTML 복사」를 누르면 코드가 클립보드에 담겨서, HTML 편집 화면이 있는 글쓰기 도구에 붙여 넣을 수 있습니다. 만든 코드는 <h1>이나 <p> 같은 조각이고, <html>이나 <head>가 든 문서 전체가 아닙니다.
읽는 문법
| 쓰는 것 | 마크다운 | 결과 |
|---|---|---|
| 제목 | # 제목 ~ ###### 제목 | h1 ~ h6 |
| 굵게·기울임·취소선 | **굵게** *기울임* ~~취소~~ | strong em del |
| 링크·그림 | [글자](주소)  | a img |
| 목록 | - 항목, 1. 항목, 두 칸 들여 쓴 하위 목록 | ul ol li |
| 인용 | > 인용 | blockquote |
| 코드 | `코드`, 세 개의 백틱으로 감싼 블록 | code pre |
| 표 | 세로선과 --- 줄로 만든 표, 콜론으로 정렬 | table |
| 구분선 | --- | hr |
세 개의 백틱 뒤에 언어 이름을 적으면(js 등) 코드 블록에 language-js 이름표가 붙어서, 코드에 색을 입히는 도구가 알아볼 수 있습니다. 표의 정렬은 구분 줄에서 콜론이 어디 있는지로 정합니다. 왼쪽에 있으면 왼쪽 정렬, 오른쪽이면 오른쪽 정렬, 양쪽이면 가운데 정렬입니다.
읽지 않는 문법
읽지 않는 문법은 이 페이지에서 글자 그대로 남습니다. 제목 밑에 ===를 그어 만드는 제목은 읽지 않으니 #으로 씁니다. 네 칸 들여 쓴 코드는 읽지 않으니 백틱 세 개로 감쌉니다. [글자][이름]처럼 주소를 아래에 따로 모아 둔 링크와 각주, [ ] 체크 목록은 읽지 않으니 링크는 [글자](주소)로, 체크 목록은 일반 목록으로 씁니다.
줄바꿈은 어떻게 되나요
마크다운은 문단 안의 줄바꿈 하나를 띄어쓰기처럼 읽습니다. 줄 끝에 공백 두 개나 역슬래시를 넣으면 그 자리에서 줄이 바뀌고(br), 「줄바꿈을 br로 바꾸기」를 켜면 모든 줄바꿈이 그렇게 바뀝니다. 이 설정은 주소의 # 뒤에 남지만, 붙여넣은 글은 남지 않습니다.
자주 묻는 것
- HTML을 마크다운으로 되돌릴 수도 있나요?
- 만들지 않았습니다. HTML은 마크다운이 표현하지 못하는 태그와 속성을 담고 있어서, 되돌리면 글의 모양이 달라지는 일이 잦기 때문입니다. 이 페이지는 마크다운에서 HTML로 가는 한 방향만 합니다.
- 줄을 바꿨는데 결과에서는 한 줄로 이어져요.
- 마크다운은 줄바꿈 하나를 띄어쓰기처럼 읽고, 빈 줄로 나눈 덩어리를 문단으로 봅니다. 줄을 바꾼 채로 두려면 줄 끝에 공백 두 개를 넣거나, 「줄바꿈을 br로 바꾸기」를 켭니다.
- 번호를 매긴 목록이 앞 문단에 붙어 버려요.
- 번호 목록은 앞에 빈 줄이 없으면, 1로 시작할 때만 앞 문단을 끊고 목록이 됩니다. 「2026. 9. 29.」 같은 날짜가 목록으로 바뀌지 않게 하려는 규칙이라서, 다른 번호로 시작하는 목록은 앞에 빈 줄을 하나 둡니다.
- 표 안에서 세로선 「|」을 글자로 쓰려면요?
- 「\|」처럼 앞에 역슬래시를 붙입니다. 표의 칸 나눔으로 읽지 않고 세로선 글자로 남습니다.
출처
본문의 숫자와 조건은 아래 출처에서 가져왔습니다. 직접 잰 값은 따로 표시합니다.
- 1GitHub Flavored Markdown Spec — Tables, Lists
표의 구분 줄과 정렬 콜론, 번호 목록이 문단을 끊으려면 1로 시작해야 한다는 규칙