반응형

I HTML 시작하기 

비주얼 스튜디오 코드 (Visual Studio Code) 


1. 비주얼 스튜디오 코드 (Visual Studio Code) 다운로드

code.visualstudio.com




2. 비주얼 스튜디오 코드 설치








3. 확장 기능 (Extensions) 




4. 검색창에 Live Server 입력

Live Server 입력 --> Live Server 선택 --> Live Server 설치 (Install)




5. Live Server 설치 후 파일 생성




6. 파일 저장




7. 새로운 workspace 혹은 폴더 생성




8. 폴더 불러오기





9. Hello World 코드에 우클릭 후 라이브 서버로 열기

Open with Live Server



1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>
<html lang="ko">
    <head>
        <meta charset="UTF-8">        
        <meta http-equiv="Content-Type" content="text/html">
        <title>Hello World</title>
    </head>
    <body>
        <h1>Hello, HTML World!!</h1>
        <h2>html</h2>
    </body>
</html>

cs



10. 웹 브라우저에서 확인




 

반응형
저작자표시 비영리 변경금지

'Javascript (자바스크립트 ) > HTML' 카테고리의 다른 글

[HTML 기초 #1] 개념 및 기본 구조 (head, body, inline, block)  (0) 2020.12.26
HTML 시작하기  (0) 2019.04.17

티스토리툴바