HTML, CSS, JS

비주얼 스튜디오 코드 HTML5 기본 구조 설정법

cherrylollipop 2022. 11. 23. 12:00
728x90
728x90

비주얼 스튜디오
Visual Studio Code
HTML5  기본 구조
작업환경 설정법

비주얼 스튜디오 코드에서

html5 문서 작성 기본 설정법과

작업 화면 크기 설정 등을 안내합니다.

728x90
 

비주얼 스튜디오 코드 확장기능 설치 권장 프로그램

비주얼 스튜디오 코드 Visual Studio Code 에디터 설치 권장 목록 비주얼 스튜디오 코드에서 권장 할만한 확장 프로그램 목록 (에디터 확장 기능)을 작성했습니다. 사람 몸은 확장을 권장하지 않지만,

yeseobaek.tistory.com

 

 

비주얼 스튜디오 코드 세팅 settings.json

비주얼 스튜디오 코드 세팅 settings.json 설정 위치 비주얼 스튜디오 코드 확장 기능 프로그램을 설치 완료 했다면, settings.json에서 추가 설정을 해보도록 할게요. 비주얼 스튜디오 코드 확장기능

yeseobaek.tistory.com

 

 


 

html5 작업환경 설정법

  1. index.html 파일 생성
  2. index.html 파일 열기
  3. 파일 안에 html:5 작성 후 enter
  4. 필요하다면 언어를 ko로 변경
    (한글 웹페이지인 경우, 주황색 동그라미)

 


ctrl & 마우스 휠

ctrl 키를 누른 상태에서 마우스 휠을 굴리면,

작성 문서의 글자 크기를 조절할 수 있습니다.

글자 크기 키움
글자 크기 줄임

 

 

ctrl & + or -

ctrl 키를 누른 상태에서 +나 -를 누르면,

작업 화면의 ui 크기를 확대하거나 축소

할 수 있습니다.

프로그램 ui 확대
프로그램 ui 축소

728x90
728x90