코딩자율학습20 HTML 기본 구조 알아보기 나의 첫 번째 웹 페이지! DTD 문서형 정리 HTML5 문서 형식으로 해석 html 태그 HTML 문서의 시작과 끝 모든 태그는 html 태그 안에 콘테츠로서 작성해야함 head 태그 문서 정보 정의 즉, HTML 문서의 메타데이터 정의 영역 웹 브라우저 직접 노출 ❌ meta, title, link 등 문자열, 문서 제목, CSS, 자바스크립트 참조 경로 등을 정의 (⭐️ 메타데이터 : HTML 문서에 대한 정보) 👀 viewport 👀 반응형 웹페이지에서는 필수 ✨ title 태그 ✨ 생략 불가능 반드시 1개 중복되지 않도록 주의 title 태그를 사용하지 않았을 경우, 웹브라우저는 해당 HTML문서를 웹페이지로 인식하지 않음 2023. 11. 21. 도움이 되는 VSCode 확장 프로그램 추천 Auto Rename Tag 한 쪽 태그를 수정하면 나머지 크로스 태크도 같이 수정된다. 코드가 길어져서 크로스 태그를 찾기 힘들 때, 유용하게 사용할 수 있다. HTML to CSS autocompletion HTML 문서에 class 속성으로 red라는 클래스를 지정했을 때, css 파일에서 r 한 글자만 작성하여도 자동완성이 지원된다. 🚨 HTML 문서 작성 후 저장은 필수!! 🚨 CSS Peek index.html 파일에서 내가 찾아가고 싶은 클래스 이름에 window는 ctrl 키 mac은 command 키 를 누르면서 해당 클래스를 클릭하면 바로 클래스의 CSS 파일으로 이동된다. Autoprefixer Autoprefier은 CSS3의 벤더 프리픽스를 자동으로 붙여준다. 일부 CSS3 속성들.. 2023. 11. 20. 이전 1 2 3 다음 반응형
