본문 바로가기
html 시작하기

비주얼 스튜디오 코드 (Visual Studio Code) html 파일 만들기

by 제4의소리 2021. 7. 26.

html 파일 만들기 

Open 을 클릭해 만들어지는 파일을 저장할 폴더를 선택하거나 새로운 폴더를 만든다.

 

 

 

 

New file 아이콘을 클릭하여 파일 이름 확장자 html을 포함해 입력한다.

ex) eins.html 

 

 

 

 

!  tab 키를 누르면 html 이 자동으로 완성된 것을 볼 수 있다.

 

 

 

 

body 사이에 'Hello world' 라고 적은 후 저장하면 웹페이지에서 내용이 출력되는 것을 볼 수 있다. 

 

<body>

Hello world

<body>

 

위 내용을 작성 후 cmd + S 

만들어진 폴더로 들어가면 eins.html 파일을 확인할 수 있다.

해당 파일을 더블 클릭하면 웹페이지에서 볼 수 있다.

 

 

 

댓글