HTML 파일을 메모장으로 열고 싶은데, 파일을 찾아도 기본 프로그램이 브라우저로 연결되어 당황한 적 있으신가요? 혹은 웹 브라우저에서 HTML 파일을 열어 내용을 확인하고 싶은데, 방법을 몰라 헤매는 경우도 많습니다. 이 글에서는 윈도우와 맥 환경에서 HTML 파일을 메모장(텍스트 편집기)으로 여는 방법과, 반대로 웹 브라우저에서 바로 여는 방법을 3초 만에 따라 할 수 있도록 정리했습니다.
HTML 파일, 메모장으로 여는 게 왜 필요할까
HTML 파일은 웹 페이지의 구조를 정의하는 텍스트 파일입니다. 브라우저는 이 파일을 읽어 화면에 예쁘게 표시해 주지만, 실제 코드를 보거나 수정하려면 텍스트 편집기가 필요합니다. 윈도우에 기본으로 깔린 메모장(Notepad)만 있으면 충분합니다. 확장자가 .html인 파일을 메모장으로 열면 태그와 텍스트가 그대로 보이고, 여기서 직접 수정한 뒤 저장하면 웹 페이지 내용이 바뀝니다.
윈도우에서 HTML 파일을 메모장으로 여는 두 가지 방법
방법 1 우클릭 → 연결 프로그램 → 메모장 선택
가장 간단합니다. HTML 파일에서 마우스 오른쪽 버튼을 클릭한 뒤, 메뉴에서 연결 프로그램 → 메모장을 선택하세요. 만약 메모장이 목록에 없다면 다른 앱 선택을 클릭한 후 메모장을 찾아 선택하면 됩니다.
방법 2 메모장을 먼저 열고 파일 불러오기
메모장을 실행한 후 상단 메뉴에서 파일 → 열기를 선택합니다. 파일 형식을 모든 파일( . )로 변경해야 HTML 파일이 보입니다. 그 다음 원하는 파일을 선택하여 열면 됩니다.
HTML 파일을 웹 브라우저로 여는 방법 (시각화)
코드를 수정하지 않고 결과물만 보고 싶다면 브라우저로 여는 게 빠릅니다.
- 더블클릭: HTML 파일을 그냥 더블클릭하면 기본 웹 브라우저(크롬, 엣지 등)가 자동으로 열립니다.
- 드래그 앤 드롭: 이미 브라우저 창이 열려 있다면, HTML 파일을 그 위로 끌어다 놓으면 즉시 실행됩니다.
- 연결 프로그램: 우클릭 후 연결 프로그램에서 크롬이나 엣지를 직접 선택해도 됩니다.
저장할 때 반드시 확인할 한 가지
메모장에서 HTML 코드를 작성한 후 저장할 때, 파일 이름 끝을 반드시 .html로 입력해야 합니다. 예를 들어 index.html처럼 저장해야 브라우저가 웹 페이지로 인식합니다. 만약 .txt로 저장하면 그냥 텍스트 파일이 되어 브라우저에서 열어도 코드가 그대로 노출됩니다.
모바일에서 HTML 파일을 열어야 한다면
PC가 없는 상황에서도 스마트폰으로 HTML 파일을 열 수 있습니다. 안드로이드와 아이폰 모두 파일 관리자 앱에서 HTML 파일을 찾아 탭하면 기본 브라우저가 열립니다. 코드를 편집하려면 별도의 텍스트 편집 앱이 필요하지만, 단순히 확인하는 용도라면 브라우저로 충분합니다.
자주 묻는 질문
Q. 메모장으로 연 HTML 파일을 수정했는데 브라우저에 반영이 안 돼요.
수정 후 반드시 저장(Ctrl+S) 을 해야 합니다. 저장하지 않으면 변경 내용이 적용되지 않습니다. 저장한 뒤 브라우저를 새로고침(F5) 하면 반영됩니다.
Q. 확장자가 .html인데 메모장 목록에 안 보여요.
메모장의 열기 창에서 파일 형식을 모든 파일(.)로 변경해야 HTML 파일이 표시됩니다.
Q. 맥(Mac)에서는 어떻게 하나요?
맥에서는 기본 텍스트 편집기인 TextEdit을 사용하면 됩니다. TextEdit을 실행한 후 파일 → 열기로 HTML 파일을 선택하세요. 단, TextEdit은 서식 있는 텍스트 모드가 기본이므로, 형식 메뉴에서 일반 텍스트로 만들기를 선택해야 코드가 깨지지 않습니다.