` : 문서 제목 - `<meta>` : 문자 인코딩 및 문서 키워드, 요약 정보 - `<div>` : 컨텐츠들을 어떤 목적에 따라 묶어야 할 때 사용 = > default : block(줄바꿈) - `<span>` : `div' 와 같은 속성 => default : inlin(줄바꿈 x) - `<a>` : 웹페이지나 외부 사이트 연결 => target : 새창 or 새탭에서 링크 열 때 사용 _blanck : 새로운 탭 or 창 / _self : 현재 탭 or 창 / a 태그 id는 같은 페이지 안에서 이동 할 때 사용. - `<ul>` : unordered list => 순서가 없는 리스트 : 글자 앞에 불릿이 붙는다. - `<li>` : item list의 약자로 각 항목을 나열 할 때 사용. - `<br>` : 줄 바꿈 - `<input>` : form요소 중 나하, 사용자가 정보를 입력하는 부분을 만들어야 할 때 사용. # css selector A => 태그명만 입력하면 선택된다. #id => 태그 아이디를 선택한다. A B => A태그 안에 있는 B태그 전부 선택 #id A : id태그 안에있는 A태그 전부 전택 .태그명 : class 태그를 선택 A * : A태그 안에 있는것들 모두 선택 A + B =- A태그 뒤에 오는 B태그 모두 선택 A ~ B => A태그 이후로 존재하는 B태그 모두 선택 A > B => 부모태그에 속해있는 자식태그 선택 :only-child => 자식이 하나밖에 없는 태그 모두 선택 :last-child => 부모에 속해있는 자식들중 맨 마지막에 오는 태그 선택 nth-child(n) => 부모에 속해있는 자식들 중 n번째 자식태그 선택 nth-last-child(n) => 부모에 속해있는 자식들 중 n번째 자식태그를 아래서부터 선택 first-of-type => 원하는 타입의 첫번째 태그 선택 nth-of-type => nth 자리에 위치한 타입별로 선택 :nth-of-type(An+B) => 어느 한 element의 위치를 시작으로 n번째 앨리먼트 연속적으로 선택 :only-of-type => 부모 태그 안에서 유일한 type 선택 :last-of-type => type 내에서 가장 마지막에 위치한 앨리먼트 선택 :empty => 자식이 하나도 없는 앨리먼트 선택 :not(X) => x를 제외한 모든 나머지 앨리먼트 선택 `[attribute]` => 특정 속성을 이용한 셀렉터 `A[attribute]` => 어떤 element type을 특정화하여 그 type안에서 한 특성을 공유하는 element 모두 선택 `[attribute="value"]` => 특성을 가진 고유값을 이용한 선택 `[attribute^="value"]` => 값의 앞부분이 공통적으로 존재하는 모든 element 선택 `[attribute$="value"]` => 값의 뒷부분이 공통적으로 존재하는 모든 element 선택 `[attribute*="value"]` => 특정 값을 가지고 있는 모든 element 선택</article></body></html>

$$config title: [HTML] [CSS] HTML태그 및 CSS 셀렉터 keywords: - IT - HTML - CSS $$ [html 태그 정보글](https://pridiot.tistory.com/6) # HTML <> 태그 - `` : 웹페이지의 시작과 끝, - `` : 웹페이지의 정보, 문서에서 사용할 외부 파일들을 링크할 때 사용 - `` : 브라우저에 실제 표시되는 내용 - `` : 문서 제목 - `<meta>` : 문자 인코딩 및 문서 키워드, 요약 정보 - `<div>` : 컨텐츠들을 어떤 목적에 따라 묶어야 할 때 사용 = > default : block(줄바꿈) - `<span>` : `div' 와 같은 속성 => default : inlin(줄바꿈 x) - `<a>` : 웹페이지나 외부 사이트 연결 => target : 새창 or 새탭에서 링크 열 때 사용 _blanck : 새로운 탭 or 창 / _self : 현재 탭 or 창 / a 태그 id는 같은 페이지 안에서 이동 할 때 사용. - `<ul>` : unordered list => 순서가 없는 리스트 : 글자 앞에 불릿이 붙는다. - `<li>` : item list의 약자로 각 항목을 나열 할 때 사용. - `<br>` : 줄 바꿈 - `<input>` : form요소 중 나하, 사용자가 정보를 입력하는 부분을 만들어야 할 때 사용. # css selector A => 태그명만 입력하면 선택된다. #id => 태그 아이디를 선택한다. A B => A태그 안에 있는 B태그 전부 선택 #id A : id태그 안에있는 A태그 전부 전택 .태그명 : class 태그를 선택 A * : A태그 안에 있는것들 모두 선택 A + B =- A태그 뒤에 오는 B태그 모두 선택 A ~ B => A태그 이후로 존재하는 B태그 모두 선택 A > B => 부모태그에 속해있는 자식태그 선택 :only-child => 자식이 하나밖에 없는 태그 모두 선택 :last-child => 부모에 속해있는 자식들중 맨 마지막에 오는 태그 선택 nth-child(n) => 부모에 속해있는 자식들 중 n번째 자식태그 선택 nth-last-child(n) => 부모에 속해있는 자식들 중 n번째 자식태그를 아래서부터 선택 first-of-type => 원하는 타입의 첫번째 태그 선택 nth-of-type => nth 자리에 위치한 타입별로 선택 :nth-of-type(An+B) => 어느 한 element의 위치를 시작으로 n번째 앨리먼트 연속적으로 선택 :only-of-type => 부모 태그 안에서 유일한 type 선택 :last-of-type => type 내에서 가장 마지막에 위치한 앨리먼트 선택 :empty => 자식이 하나도 없는 앨리먼트 선택 :not(X) => x를 제외한 모든 나머지 앨리먼트 선택 `[attribute]` => 특정 속성을 이용한 셀렉터 `A[attribute]` => 어떤 element type을 특정화하여 그 type안에서 한 특성을 공유하는 element 모두 선택 `[attribute="value"]` => 특성을 가진 고유값을 이용한 선택 `[attribute^="value"]` => 값의 앞부분이 공통적으로 존재하는 모든 element 선택 `[attribute$="value"]` => 값의 뒷부분이 공통적으로 존재하는 모든 element 선택 `[attribute*="value"]` => 특정 값을 가지고 있는 모든 element 선택</article></body></html>