HTML을 처음 시작하시면 '무료'이며, 웹개발에 최적화된
Visual Studio Code 편집기를 추천합니다.
www.visualstudio.com/ 로 접속하면 비주얼 스튜디오 제품군 중
Visual Studio Code [Window용 Code 다운로드]를 클릭하셔서 파일이 다운로드, 파일설치
성공적으로 설치가 되시면 다음과 같이 Visual Studio Code 의 화면이 뜨실겁니다.
위의 사진처럼 구동이 되셨다면, 간단한 HTML 문서를 작성하여 문서 구조가 어떻게 생겼는지 살펴보겠습니다.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>처음 시작하는 HTML</title>
</head>
<body>
<h1>Hello World</h1>
<p>처음 시작하는 html 코드 테스트 <br>
코드 테스트 123</p>
</body>
</html>
다음과 같이 Visual Studio Code에서 작성하시거나, 복사하신 후
Ctrl+Shift+S 로 다른 이름으로 저장하여, [파일명.html] 형식의 이름으로 저장하시면
더블클릭하셔서 파일을 확인하시면
다음과 같이 Hello World 문구가 출력된 html 파일을 확인하실수 있습니다.
다음 시간에는 위에 작성된 Code들에 대해서 알아보겠습니다.
'html,css,js' 카테고리의 다른 글
| timepicker with Swiper.js (1) | 2021.06.29 |
|---|---|
| JS - toggle 버튼 구현 (0) | 2021.06.28 |
| [css] -webkit-padding, -webkit-margin (1) | 2021.05.20 |
| [CSS] 디폴트 설정 (0) | 2021.05.12 |