본문 바로가기

   
Programming/HTML

HTML 파일 소스 코드 보는 방법

반응형

HTML 파일 소스 코드 보는 방법

기본적인 프로그램 교육을 받거나 IT에 관심이 있으신 분들은 대부분 파일의 확장자가 html확장자에 대해서 굉장히 익숙 하실 겁니다. 하지만 프로그래밍 IT에 지식이 없으신 분들이 확장자가 html인것을 보면 무엇인지 잘모르실 겁니다.

간단하게 html확장자는 웹페이지를 보기위한 파일이라고 생각하시면 될것 같습니다. 사이트, 블로그, 까페등을 운영 하면서 html파일을 열어보는 일이 한두번은 생기게 됩니다.

여기서 html에 이론에 대한 설명은 모두 드리기 힘들것 같으니 단순히 HTML파일 확장자의 파일을 열어 소스코드를 확인하고 수정 하는 방법을 써볼까 합니다.

html파일의 경우는 바로 아래 이미지에 나온것처럼 생겼습니다. 더블 클릭을 하거나 파일을 열어보면 바로 인터넷창으로 연결이 되는 파일입니다. 이안에 들어있는 소스코드는 무엇이 있는지 한번 보도록 합시다.



안에 파일을 열어 소스코드를 확인하고 수정하기 위해 텍스트를 입력하고 작성할수 있는 윈도우 메모장을 실행을 하도록 합시다. 메모장을 못찾으신 분은 (http://zzarungna.tistory.com/456)이경로에 링크를 걸어 놓겠습니다.

메모장에서 파일 메뉴를 선택후 열기 버튼을 눌러 주도록 합시다.



그런뒤에 저장을 한 html파일의 위치로 가서 파일을 선택하고 여시면 되는데 열기 창에서 오른쪽 하단에 파일종류를 모든 파일로 해주셔야 파일 리스트가 나오니 참고 하시기 바랄게요.



파일을 열어보면 html구문과 한글이 섞여 있는것을 확인 하실수 있습니다.  이상태에서 아래 2번째 나온 이미지 처럼 글자를 한번 추가해 보도록 하겠습니다. 추가를 하고 저장을 눌러주세요. Ctrl+S가 메모장 저장 단축키 입니다.



그런뒤에 다시 수정한 html파일을 더블클릭 하거나 열어보면 인터넷창에 수정한 글이 들어간것을 확인 하실수가 있으실 겁니다.



HTML에 더많은 정보를 보고싶으신분은 제블로그 상단 왼쪽 메뉴 버튼에 HTML 메뉴를 참고 하시면 HTML에 대한 자료가 많이 있으니 관심이 있으신 분은 한번 보시길 바라겠습니다.

반응형