HTML(2)

1. 개발자 도구

- 개발자 도구란?

  • 웹사이트 개발용 도구로, 대부분의 최신 브라우저에는 개발자 도구가 탑재되어 있다.
  • HTML CSS코드 확인, 모바일 모니터링, 네트워크 상태 점검, 스크립트 명령어 
    확인 등 다양한 기능을 통해 개발자에게 편의를 제공한다.
  
  
- 개발자 도구 열기

  • 브라우저가 열려 있는 상태에서 F12 버튼 클릭
  • 우측 상단 메뉴 설정 → 도구 더보기 → 개발자 도구 선택
  

2. 코드 에디터

- 코드 에디터 : 프로그래머가 프로그램 소스 코드를 편집하기 위해 사용하는 소프트웨어

* 코드 에디터로 Visual studio code 사용

3. Visual studio code 사용하여 html 파일 생성

1)  sample 폴더를 Visual studio code로 open하여 index.html 파일 생성

2)  sample 폴더안에 index.html 파일 생성 확인

3) index.html 파일을 크롬을 통해 웹 브라우저로 열기