[생활코딩] HTML 왕기초 1장 - Visual Studio Code / 기본적인 실행

참고한 강의는 아래 강의입니다.

(생활코딩)

https://www.youtube.com/watch?v=EtwtZbmrzB4&list=PLuHgQVnccGMDZP7FJ_ZsUrdCGH68ppvPb&index=5

[ 파일 생성하기 ]

Visual Studio Code에서 파일을 생성하려면 아래 사진과 같이 생성한 폴더에서 우클릭하여 New File...을 눌러 생성한다.

HTML의 확장자명은 폴더명.html의 형식이다.

새로운 파일 생성하기

 

 

---

 

[ 파일 열기 - 결과 확인하기 ]

작성한 코드의 내용을 확인하는 것은 아래 사진과 같다.

총 2가지 방법이 있다.

 

첫번째는 아래 사진과 같이 파일을 드래그앤드롭하여 열려있는 웹페이지에 넣는 것이다.

 

두번째는 아래 사진과 같이 열려있는 웹페이지에서 Ctrl + O를 눌러 저장해둔 파일을 불러오는 방법이다.

 

* 이 과정 중 파일을 반드시 저장한 뒤 실행해야 정상적으로 작성한 내용이 실행된다.