[HTML.002] HTML 파일 만드는 방법(Visual Studio Code)

[HTML.002] HTML 파일 만드는 방법(Visual Studio Code)

 

홈페이지의 눈에 보이는 화면 영역은 html/css/javascript 로 코딩을 해야 합니다.

그 중에서 화면 영역의 뼈대 구조를 잡는데 사용하는 HTML의 기초에 대해 연습해 보도록 하겠습니다.

 

[1] 폴더 준비하기

컴퓨터의 아무곳에나 폴더하나를 만들어 주세요.

저는 D드라이브에 web_study라는 폴더를 아래와 같이 만들었습니다.

 

web_study 폴더안에 앞으로 오늘의 실습을 담아둘 폴더인 ex01 폴더를 만들겠습니다.

 

 

[2] index.html 파일 만들기

 

vscode의 왼쪽 상단메뉴에서 'File' > 'Open Folder'를 눌러서 아까 만든 ex01폴더를 선택해 줍니다.

 

 

그러면 아래 그림 처럼 대문자로 EX01 글자가 나타날겁니다. 이때 아래 그림의 빨간네모친 부분을 눌러 새로운 파일을 추가해줄건데요. 파일 이름은 index.html로 해주세요.(보통 html파일의 시작파일로서 index라는 말을 많이 사용합니다.)

 

 

이제 여기까지 완료하시면 이제 코딩할 준비가 된 것입니다.

 

 

[3] HTML 기초코딩 연습하기

여기서 부터는 코딩 동영상 강의로 대체하겠습니다.

아래 영상을 재생해서 실습을 따라와 주세요.