html 파일 열기 및 소스 보기

티스토리 뷰

IT 정보

참_나무 2018. 11. 23. 08:30

안녕하세요. 생활에 도움이 되는 블로그입니다. 오늘은 html 파일 열기 해서 소스 보는 방법에 대해 알아보도록 하겠습니다.

html 이라고 하면 생소할 수도 있지만 우리가 흔히 매일 보는 인터넷 페이지를 구성하고 있는 언어가 html 입니다.

확장자명이 html으로 되어 있는 파일은 웹에서 텍스트, 이미지 등의 여러 요소들을 작성하기 위한 언어인 html 을 표시한 문서입니다. 간단하게 이야기하자면 인터넷 익스플로러나 구글 크롬과 같은 인터넷 브라우저로 열어 볼 수 있는 문서를 말합니다.

화살표시한 파일이 html 파일인데요, 저는 기본으로 설정된 인터넷 브라우저가 크롬이라서 크롬 아이콘으로 표시 됩니다. 만약에 기본 설정 브라우저가 익스플로러면 파란e 모양의 아이콘으로 표시 될 겁니다.

이 html 파일을 그냥 더블 클릭 해서 열면 텍스트, 이미지 등 html 언어로 작성한 요소들이 비주얼로 보여집니다. 간단히 말해서 그냥 인터넷 페이지 처럼 보입니다.

위 이미지의 노트 패드++ 등 무료 html 편집 프로그램도 있지만 그냥 소스만 보는거라면 굳이 프로그램을 다운받을 필요 없이 간단하게 볼 수 있습니다.

두 가지 방법이 있는데 하나는 해당 파일을 더블 클릭해 열어 준 뒤 F12키를 눌러줍니다. 그럼 아래 처럼 html 로 시작하는 영어가 죽 뜨는데요, 이게 해당 파일의 소스입니다. 아래는 크롬 브라우저에서 F12키를 누른 모습입니다.

익스플로러에서 열고 F12를 눌러도 같은 내용이 뜹니다.

위 이미지를 보면 크롬이나 익스플로러 모두 왼쪽 화살표가 있습니다. 내용이 접혀 있는 것인데요, 해당 화살 표를 클릭하면 펼쳐집니다.

이 방법 외에 다른 한가지는 해당 파일을 열지 말고 마우스 오른쪽을 클릭해 연결 프로그램에서 메모장을 선택하면 메모장으로 소스가 열립니다.

지금까지 html 파일 열기 및 소스 보기 방법 두가지를 알아보았습니다.

▶ 같이 보면 유용한 정보

2018/11/19 - [IT 정보] - 포토샵 레이어 선택 두가지 방법

최근에 올라온 글

링크