vscode에서 html 파일 작성하는 방법

vscode에서 html을 작성해 나만의 홈페이지 구축을 해보겠습니다. 제일 처음 단계는 index.html파일을 만들어 웹에서 열어보겠습니다.

 

1. 폴더 열기

File - Open Folder를 선택해 줍니다. 이제부터 선택한 폴더에서 작업하는 겁니다. 찾기 쉽게 바탕화면에 폴더를 만들어 줍니다.

 

2. html 파일 생성

파일 + 모양의 아이콘을 눌러 파일을 생성해 줍니다. 파일의 이름은 index.html로 만들어 줍니다. 뒤에 .html을 붙이셔야 html파일을 만들 수가 있습니다. 

내용을 hellow!라고 적어 봅시다. 내용을 적었다면 <ctrl + s>를 눌러 저장해 줍시다.

 

3. html 파일 확인

지정한 폴더에 들어가 보면 index.html 파일이 생성되어 있습니다. index.html 파일을 클릭해 열어줍니다.

웹브라우저가 열리면 hellow!라는 문구가 정상적으로 출력이 되면 처음 홈페이지 만들기 성공입니다. 감사합니다.