![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/bjbGCm/btsE6I0FZ0B/Kc43BHlteVZjBcS8Sz5rKk/img.jpg)
안녕하세요~ 저번 시간에는 HTML 첫 번째 문서를 만들어보았는데요! 오늘은 HTML 코드의 기본 구조에 대해서 말씀드려보겠습니다. [HTML/CSS] 첫 번째 HTML 문서 만들기(feat. VSCode) 오늘은 VSCode 에디터를 이용하여 HTML 문서를 만들어보는 시간을 가지겠습니다. 앞서 VSCode 설치 및 개발 환경 설정에 대해서 궁금하시다면 아래 글을 참고 해주시면 감사하겠습니다. VSCode 확장 프 hkdong0694.com 01. DTD (Document Type Definition) : 문서형 정의 문서형 정의는 웹 브라우저가 처리해야할 HTML 문서가 어떤 형식을 따라가야하는지 알려주는 것으로, 어떤 HTML 문서를 작성하든지 꼭 맨 처음에 작성을 해주어야 합니다. 다음처럼 코드를..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/dyDOKg/btsEYCfiEJo/Aqoa5GgX4cy9ITvH3x85tk/img.jpg)
오늘은 VSCode 에디터를 이용하여 HTML 문서를 만들어보는 시간을 가지겠습니다. 앞서 VSCode 설치 및 개발 환경 설정에 대해서 궁금하시다면 아래 글을 참고 해주시면 감사하겠습니다. VSCode 확장 프로그램 설치 종류 안녕하세요. 오늘은 HTML, CSS 등을 실행할 수 있는 코드 에디터에 대해서 글을 작성해볼까 합니다. 사실 HTML 언어의 경우 기본적으로 설치되어 있는 메모장을 통해서도 실행을 할 수 있습니다. 하 hkdong0694.com 우선 HTML 파일들을 저장한 프로젝트 폴더를 저장을 해주어야 합니다. 우선 VSCode 에디터를 실행 시켜준 후, 순서대로 파일(F) -> Open Folder (폴더 열기)를 클릭하여 줍니다. 저는 바탕화면에 'C-Study'라는 폴더를 따로 만들어..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/cES0gm/btsETmbesSA/zAPJaKVAyIX18EyKrENAO0/img.jpg)
안녕하세요. 오늘은 HTML, CSS 등을 실행할 수 있는 코드 에디터에 대해서 글을 작성해볼까 합니다. 사실 HTML 언어의 경우 기본적으로 설치되어 있는 메모장을 통해서도 실행을 할 수 있습니다. 하지만 이용하기가 다소 불편한 감이 있어 저는 코드 에디터인 비주얼 스튜디오 코드(이하 VSCode)를 사용하려고 합니다. https://code.visualstudio.com Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code i..