[HTML] tag 모음3

< s 태그 >

- S(Strike) 태그는 어떠한 자료나 문서가 수정되었거나 잘못되었음을 나타내기 위해 취소선을 긋는데 사용한다. >> 예를들면 이런 식 

 

< sub 태그 >

- SUB(Subscript) 태그는 아래 첨자를 나타내기 위해 사용한다.

- 시멘틱(Sementic) : 없음

 

< sup 태그 >

- sup(Superscript) 태그는 위첨자를 나타내기 위해 사용한다.

- 시멘틱(Sementic) : 없음

 

< del 태그 >

- Del(Deleted) 태그는 어떠한 내용이 삭제되었음을 나타내기 위해 사용한다. 

 

< table 태그 >

- table 태그 혹은 표(Table) 태그는 표를 그릴 때 사용한다.

- 사이트 레이아웃을 위해 표를 사용하지 않아야한다. 순수 데이터를 담는 용도로만 사용.

- 시멘틱(Sementic) : 있음

 

< caption 태그 >

- table 태그의 자식으로, 해당하는 표의 제목을 담는다.

- 생략 가능하나, 여러개 사용은 불가하다.

 

< thead 태그 >

- table 태그의 자식으로, 열의 기준이 되는 설명이나 이름 등을 담기 위해 사용한다.

- 생략 가능

 

< tbody 태그 >

- table 태그의 자식으로, 테이블의 실제 데이터를 담기 위해 사용한다. 열/행의 설명이나 제목이 들어가서는 안된다.

- 생략 불가

 

< tfoot 태그 >

- table 태그의 자식으로, 주로 tbody 안에 있는 실제 데이터의 통계(합, 평균 등) 를 내기위해 사용한다.

- 생략 가능.

 

< tr 태그 >

- thead 혹은 tbody 혹은 tfoot의 자식으로, tr 태그(테이블 행, Table Row) 하나는 행  하나를 의미한다.

- tr 태그는 실제 데이터를 직접 담아서는 안된다.

 

< th 태그 >

- tr의 자식으로, th태그(Tavle Heading)는 해당 열 혹은 행을 대표할 수 있는 이름이나 정보를 직접 담기 위해 사용한다.

- th 태그 하나는 열 하나를 의미한다.

- th 태그의 내용은 실제(통계 가능한) 데이터를 담지 않는다.

- 속성

  - rowspan : 해당 셀(칸, Cell) 이 세로방향(행 방향)으로 차지해야 하는 (통합 해야하는) 칸의 개수. 생략시 1이다.

  - colspan : 해당 셀이 가로 방향(열 방향)으로 차지해야하는 칸의 개수. 생략시 1이다.

 

< td 태그 >

- tr의 자식으로 td 태그(Table Data)는 실제 데이터를 직접 담기 위해 사용한다.

- td 태그 하나는 열 하나를 의미한다.

- 속성은 th와 동일하게 사용한다.  

'Front > HTML | CSS' 카테고리의 다른 글

[CSS] 의사클래스 모음  (0) 2023.01.31
[HTML] HTML이란?  (1) 2023.01.30
[HTML] tag 모음 2  (1) 2023.01.29
[HTML] tag 모음 1  (1) 2023.01.29
[HTML] HTML 기본 구조  (0) 2023.01.29