HTML 파일 만들기 (메모장 활용)

[ 개요 ]

메모장을 이용하여, 웹프로그래밍을 시작하기 위한

HTML파일을 생성하는 방법을 알아보자

(* Chrome브라우저를 기준으로 설명함)

---

[ HTML파일 만들기 ]

1. 내 PC > ∧ 버튼 > 보기 탭에서

"파일 확장명"을 체크한다.

2. win키+r(단축키) 누르고 notepad를 입력하거나

시작 > 보조프로그램에 있는 메모장을 실행한다.

3. 파일 > "다른 이름으로 저장"을 누른다.

4. 파일 형식에서 "모든 파일(*.*)"을 선택한다.

5. 파일 이름을 "(원하는이름).html"으로

입력하고 저장한다.

6. 생성 결과

---

+ 좀더 간편한 방법

(파일 확장명 보기 체크 필수)

1. 원하는 폴더에 txt파일을 생성하고

선택한 상태에서 F2키(이름바꾸기)를 눌러서

"(원하는이름).html"로 파일이름을 바꾼다.

2. 위와 같은 안내창이 뜨면, 예(Y)를 누른다.

3. 처리 결과

---

[ 웹프로그래밍 하기 ]

7. 생성된 HTML파일을 우클릭 > 연결 프로그램

을 통해서 브라우저, 메모장을 각각 열거나

7-2. 열려있는 브라우저와 메모장에

html파일을 드래그&드랍(끌어다놓기)함으로써

내용 수정과 그 결과의 확인을 할 수 있다.

* 메모장에서 내용을 수정하고 저장하면,

HTML파일의 편집이 이루어지고,

* 브라우저에서 새로고침(F5)을 누르면

편집 결과를 반영할 수 있다.