선택n집중

이전에 블럭 레벨 요소와 인라인 레벨 요소를 알아야 한다. 블록 레벨(block-level) : 태그를 사용해 요소를 삽입했을 때 혼자 한 줄을 차지하는 요소. 이 한 줄을 차지한다는 의미는 너비가 100%라는 것을 뜻함. 따라서 다음 요소가 양 옆으로 붙을 공간이 없어서 자연스럽게 "줄넘김"이 됨. 블록 레벨 요소는 인라인 요소에 중첩될 수 없음. 그러나 블록 레벨 요소는 다른 블록 레벨 요소에 중첩될 수 있음. 인라인 레벨(inline-level) : 줄을 차지하지 않는 요소. 브라우저같은 화면에 표시되는 컨텐츠만큼 영역을 차지하고, 나머지 공간에 다른 요소가 올 수 있음. 웹 표준 유효성 검사 https://validator.w3.org 태그 작성 규칙 1> 모든 태그는 소문자로 작성하는 것이 원칙..

HTML 그게 뭔데 ? - 웹(Web)에서 클라이언트(Client)에게 보여 주는 화면 구성의 기반이 되는 언어로써 “” 사이에 마크업 태그문자를 삽입하여 웹페이지의 속성이나 화면 출력 등의 기능을 표현. 확장자의 경우 기본적으로 “html"을 사용하나 3글자의 확장자만을 허용하는 시스템(유닉스 계열)과의 호환성을 위해 “htm”으로 표기 가능하며 이는 이식성에 유리. HTML 문서는 일반적으로 시작태크와 종료태그로 구성되나, 종료태그가 존재하지 않는 태그도 존재. HTML 문서의 기본 구조 형태 1. DTD(Document Type Definition) 선언 : 브라우저가 문서 종류에 따른 정확한 해석을 위해 HTML 버전 정보 명시. 2. html 태그 : html 태그의 속성(lang) 명시를 통한..

단축키는 따로 변경, 저장이 가능하나 주로 사용하는 것은 자연스럽게 익히도록 하자. 주석 : ctrl + / 화면 확대/ 축소 : ctrl + +/- 한줄 복사 : 드래그 따로 없이 ct rl + c / ctrl + v 줄단위 복사 alt + up/down 줄단위 이동 alt + up / down 한줄 삭제 ctrl+ shift + k 연속 수직 커서 ctrl alt up/down 비연속 수직 커서 alt + 클릭 단어별 변경 ctrl + shift + L 아랫줄 삽입 ctrl + Enter 윗줄 삽입 ctrl + shift + Enter 자동완성 기능 / 어시스트창 활성화 ctrl + space 실행 alt + L + O 저장 ctrl + S

vscode 설치 테마설정 보기. -관리 - 테마 - 색테마 확장 탭에서 다운로드 받기 ( Ctrl + Shift + X) 1) 한글 확장팩 다운로드 , 실행 검색어 : korean / 실행 : 다운로드 후 오른쪽 하단 Restart Now 클릭 2)open in browser 다운로드 -HTML 파일을 바로 브라우저로 열고 싶을 때 이용. -실행 : Alt + B 3)Live server 다운로드 -코드 수정시 매번 새로고침 해야하는 번거로움을 해소. 미리보기를 제공. -저장을 해야지만 미리보기를 제공. 4)Auto Close Tag / Auto Rename Tag 다운로드 -태그를 자동으로 닫음 / 태그명 변경시 자동으로 쌍으로 이루어진 태그가 함께 변경. 5) tabout 다운로드 - 이클립스 처럼..