HTML/HTML5

HTML5 작성과 실행

블루데이제이 2022. 9. 22. 14:12
728x90
반응형
에디터 설치

Visual Studio Code 를 먼저 설치합니다.

https://code.visualstudio.com/download?wt.mc_id=DX_841432 

 

Download Visual Studio Code - Mac, Linux, Windows

Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications.

code.visualstudio.com

각자 PC사양에 맞는 패키지를 다운로드 하여 설치합니다.

VS Code 화면

HTML5 작성

File > Open folder를 선택하여 저장 폴더를 지정합니다.

화면의 왼쪽에서 File > New file 를 선택한 후 파일명.html를 생성합니다.

 

VS Code는 자동완성 기능을 지원해서 html타이핑 하면 html종류를 선택할 수 있습니다.

html5를 선택하면 아래 그림과 같이 기본 Doctype과 메타태그가 생성됩니다.

 

작성한 후 Alt + L, O를 누르면 웹브라우저에서 실행됩니다.

728x90
반응형