[HTML] HTML 기본 구조
- Front/HTML | CSS
- · 2023. 1. 29.
* z-index 속성 * - 요소를 화면에 표시할 순서를 정한다. - 값은 0(기본값)이상의 자연수로 표시한다. - 값이 클수록 다른 요소에 의해 가려지지 않고 화면에 표시된다. - 용법 ... { z-index: [0~?]; } - 값이 같다면 보다 뒤에 만들어진 요소가 위로 올라오게 된다. - position 속성 값이 static 이라면 무시된다. * width 및 height 속성 * - width는 가로크기를, height는 세로크기를 지정하기 위해 사용한다. - 단, display가 inline인 요소(span, a 등)는 그 display 값을 다른 것으로 변경하기 전에는 width 및 height 속성이 적용되지 않는다. * transition-duration 속성 * - 어떠한 요소에 ..
* Not 의사 클래스 * - Not 의사 클래스(Pseudo Class)는 다른 의사 클래스를 부정하기 위해 사용한다. - 다음과 같이 작성한다. ("는 없는 것으로 한다.) "선택자":not(:"다른 의사 클래스") { "속성" : "속성 값"; "속성" : "속성 값"; "속성" : "속성 값"; } - 가령, 마지막 요소가 아닌 모든 요소는 다음과 같이 선택한다. *:not(:last-child) { . . . } * Hover 의사 클래스 * - Hover 의사 클래스(Pseudo Class)는 어떠한 선택자에 의해 선택된 요소에 마우스가 올라가 있는 상태(Mouse Hover)일 때에 대한 선택자이다. - 다음과 같이 작성한다. ("는 없는 것으로 한다.) "선택자":hover { "속성" :..
HTML - HTML(Hyper Text Markup Language) 는 마크업 언어 (Markup Laguage) 이고 자체적으로 연산이 불가능하다. - 마크업 언어는 태그(Tag) 등을 이용하여 문서나 데이터의 구조를 정의하는 언어이다. - 태그란 문서상에서 어떠한 구성요소의 존재나 시작과 끝을 알리기 위해 사용한다. ''가 여는 태그(Opening Tag) 이고, ''가 닫는 태그(Closing Tag) 이다. - 자동으로 닫는 태그(Self-Closed Tag)는 닫는 태그를 요구하지 않는다. - 태그 이름은 대소문자를 구분하지 않지만 전체 소문자로 작성하는 것이 표준이다. - 시멘틱(Sementic) : 검색 엔진(Search Engine) 이나 TTS(Text-To-Speech) 로 하여 어..
- S(Strike) 태그는 어떠한 자료나 문서가 수정되었거나 잘못되었음을 나타내기 위해 취소선을 긋는데 사용한다. >> 예를들면 이런 식 - SUB(Subscript) 태그는 아래 첨자를 나타내기 위해 사용한다. - 시멘틱(Sementic) : 없음 - sup(Superscript) 태그는 위첨자를 나타내기 위해 사용한다. - 시멘틱(Sementic) : 없음 - Del(Deleted) 태그는 어떠한 내용이 삭제되었음을 나타내기 위해 사용한다. - table 태그 혹은 표(Table) 태그는 표를 그릴 때 사용한다. - 사이트 레이아웃을 위해 표를 사용하지 않아야한다. 순수 데이터를 담는 용도로만 사용. ..
- a 태그 혹은 앵커(Anchor) 태그는 아래 목적 중 하나 이상의 목적으로 사용한다. 1. 의미없는 단순 텍스트를 담는 용도 2.다른 페이지로의 링크(Link)를 걸기 위한 용도. 3. 페이지 내 특정 위치를 지정하기 위한 용도. - 속성 - href : Hypertext Reference, 해당 a 태그를 클릭하면 이동할 페이지의 주소를 속상 값으로 명시한다. - target : 해당 링크를 어느 위치에서 열지에 대한 설정이고, 그 값은 아래 중 하나이다. - "_self" : 현재 창/ 탭에서 연다. 기본값. - "_blank" : 새로운 창/ 탭에서 연다. 구글 아무 의미 없음 - b 태그 혹은 볼드(Bold) 태그는 글씨를 굵게하는 목적으로 사용한다..