HTML CSS4 [HTML / CSS] Chapter 4. Emmet(에밋) 1. Emmet 이란? 기존에는 Zen Coding(젠코딩) 이라는 이름으로 사용됨 이후에는 Google 에서 이 도구를 수용하면서 emmet 이라는 이름으로 변경 HTML 생산성 향상 도구(HTML 코딩을 빠르게 하기 위한 플러그인) CSS 선택자 사용(CSS3 지원) → HTML 을 CSS 선택자를 통해 검색하는 방법 대신 CSS 선택자를 통해 HTML 을 생성하도록 하는 개념 2. 환경 설정 대부분의 툴에서 지원하고 있음 (※ 대부분의 편집기 내에서의 액션 키 : Ctrl + E) ① http://https://emmet.io/ → 메인 페이지 좌측에 있는 Download 메뉴 클릭 ② https://emmet.io/download/ 페이지로 이동 → Download 리스트들 중 본인이 사용할 편집.. 2024. 2. 15. [CSS] Chapter 3. CSS 선택자(Selector) 및 선언 방법 1. CSS 선택자(Selector) 구성 및 설정 * 공용선택자, 전체선택자 모든 엘리먼트를 선택 E 엘리먼트 선택자, 태그 선택자, 타입 선택자 E 엘리먼트를 선택 . 클래스 선택자 html 에서만 사용할 수 있으며, 예를 들어 div.warning 은 warning 이라는 클래스를 가지고 있는 div 엘리먼트를 선택 # 아이디 선택자 예를 들어, #myId 는 myID 를 아이디 속성의 값으로 사용하는 엘리먼트를 선택 E>F 자식 선택자 E 엘리먼트의 자식 엘리먼트인 F 엘리먼트를 선택 E F 자손 선택자, 후손 선택자, 하위 선택자 E 엘리먼트의 하위에 있는 F 엘리먼트를 선택하게 됨. 이 경우 특이한 점은, E 와 F 사이에 다른 엘리먼트가 포함되어 있더라도 선택 대상에 해당한다는 것 E+F 인.. 2023. 12. 17. [HTML] Chapter 2. HTML 기초 - 태그 ⚠️ 파일 생성시 유의사항 : WebContent 폴더 안의 Web-INF 공간은 클라이언트는 접근할 수 없게 이루어져 있으며, 서버쪽에서는 접근이 가능함. 비유하자면, 자바에서 private와 유사함. 따라서, 파일을 생성할 때, WEB-INF와 같이 WebContent 내부 다른 폴더에 생성하지 않고, WebContent 바로 아래에 생성할 것. 파일을 WEB-INF에 생성하면 404 Error 가 발생 ( 400번대 에러 - 클라이언트측 에러 / 500번대 에러 - 서버측 에러) HTML의 태그, 엘리먼트들은 대소문자를 구분하지 않지만 소문자 사용이 바람직함 html 에서는 java 와 달리 { } 대신 들여쓰기로 영역을 구분함 자바처럼 컴파일되고 실행되는 형태가 아니므로 중간에 띄어쓰기를 없애는 .. 2023. 12. 11. [HTML] Chapter 1. HTML 개요 1. HTML이란? HTML 이란 Hyper Text Markup Language 의 약어로, 웹 페이지를 기술하기 위한 언어 마크업 언어(Markup Language)는 텍스트에 태그 (ex )를 붙여서 텍스트가 문서의 어디에 해당하는지를 기술한 것. 기본적으로 시작 태그가 있으면 종료 태그가 존재함을 유의 (ex. 문서의 제목) 2. HTML 의 변천사 최초의 HTML 은 팀 버너스리 라는 CERN(유럽 원자핵 공동 연구소)의 물리학자가 만들었으며, 이후 W3C(World Wid Web Consortium)이 창립되어 팀 버너스리의 주도 아래 HTML 에 대한 표준을 관장하고 있음 1989년 HTML 의 시작은 CERN의 팀 버너스리가 인콰이어를 제안하면서 시작되었으며, 인콰이어는 CERN의 연구원들.. 2023. 12. 11. 이전 1 다음
