[html] vscode에서 html파일 만들고 인터넷에서 열기 / 생활코딩

WEB/html,CSS

자바칩 프라푸치노 2020. 12. 27. 23:06

HTML 코딩 실습 환경 준비 - 생활코딩

--- 기획이 끝났으니 이제는 코딩하기 위한 준비를 해보겠습니다. 코딩을 하기 위해서는 에디터(Editor)라는 프로그램이 필요합니다. 각자의 운영체제에는 이미 에디터가 준비 되어 있습니다.

opentutorials.org

생활코딩님은 아톰을 사용하시지만 저는 vs code를 사용하겠습니다.

바탕화면에 빈 폴더를 만들어줍니다.

vscode로 가서 file-> open folder을 해주시고

저 부분을 클릭하고 1.html을 만들어봅니다.

인터넷 창에서 컨트롤+o 키를 누르면 파일을 선택할 수 있는데 , 아까 만든 1.html을 선택합니다.그럼 지금 아무것도 안적혀 있기 때문에 빈 화면이 나타납니다.

그리고 vscode에서 hello web!을 쳐보겠습니다.

1.html을 새로고침하면 저 글자가 나옵니다!

728x90