본문 바로가기
HTML/HTML5

HTML5 작성과 실행

by 블루데이제이 2022. 9. 22.
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
반응형

'HTML > HTML5' 카테고리의 다른 글

HTML5 기본태그 #2 - 본문글자  (0) 2022.10.04
HTML5 기본태그 #1 - 제목글자  (0) 2022.09.22
HTML5 문서구조  (0) 2022.09.18
HTML5 기본용어  (0) 2022.09.16