# FE/HTML5, CSS3
HTML5 30분 기초 완성 2편
HTML5 공부한 곳 TCPSCHOOL.com 공부 내용 HTML5 블록과 인라인 HTML의 모든 요소는 해당 요소가 웹 브라우저에서 어떻게 보이는가를 결정짓는 display 속성을 갖는다. 대부분의 HTML 요소는 다음 두 가지 값의 하나를 가진다. 블록 인라인 블록 타입의 요소 언제나 새로운 라인에서 시작하고 해당 라인의 모든 너비를 차지함. , , , , , 요소 다른 HTML 요소들을 묶는데 자주 사용되는 대표적인 블록 요소 여러 요소들의 스타일을 한 번에 적용할 수 있음 인라인 타입의 요소 새로운 라인에서 시작하지 않고 해당 요소의 내용만큼만 너비를 차지함. , , 시맨틱(Semantic) 요소 HTML 문서나 섹션(section) 부분에 대한 헤더(header)를 정의함. HTML 문서의 탐색..
HTML5 30분 기초 완성 1편
HTML5 공부한 곳 TCPSCHOOL.com 공부 내용 HTML5 기본 요소 1 2 3 4 5 6 7 8 9 10 11 12 제목 크기1 제목 크기2 단락 : HTML 문서의 Root 요소를 정의 : HTML 문서의 메타데이터를 정의 ex) , , : HTML Content 부분 HTML 요소 구조 Hellow World! 1. 태그이름 : p 2. 속성명 : class 3. 속성값 : hello (항상 소문자로 작성) 4. 내용 HTML 각종 태그 화면 요소 : 제목 태그, 다양한 크기로 제목 표현 : 단락, 문단 White Space 표현하려면 태그 등이 필요 수평 가로 구분선 서식 : Text에 다양한 효과를 주는 태그 : bold 효과 : 기울임 : 형광펜 : 가운데 가로줄 : 밑에 가로줄 주석..
Visual Studio Code Extension (플러그인)
좌측 메뉴 5번째 아이콘 클릭 Prettier // Beautify 둘 중 하나만 설치 코드 포매터 : 들여쓰기를 표준으로 자동으로 고쳐줌 ESLint JavaScript 사용 시 Syntax Error 표기 Material Icon Theme 아이콘 Korean Language Pack for Visual Studio Code 한국어팩 Auto Rename Tag 태그 동시 수정 Auto Close Tag 자동 닫기 Bracket Pair Colorizer 괄호 단계에 따라 컬러링 Color Highlight 컬러 코드의 텍스트 배경색 설정 Highlight Matching Tag 괄호 매칭 표기 Github Pull Requests And Issues 깃허브