HTML5
7. 목록(List)와 표(table) 형식 표현을 위한 태그
js0616
2024. 6. 24. 17:25
https://poiemaweb.com/html5-tag-list-table
ul
순서 없는 목록
ol
순서 있는 목록
type 어트리뷰트를 사용하여 순서를 나타내는 문자를 지정가능
1 : 숫자
A : 대문자 알파벳
a : 소문자 알파벳
I : 대문자 로마숫자
i : 소문자 로마숫자
<ol type = "I" >
<li value ="2" > apple </li>
<li value ="7"> banana </li>
<li value ="9"> orange </li>
</ol>
start 어트리뷰트로 리스트의 시작값을 지정할 수 있다.
reversed 어트리뷰트를 지정하면 리스트의 순서값을 역으로 표현한다.
목록 태그는 내비게이션 메뉴를 만들 때 자주 사용된다.
표(table)를 만들 때 사용하는 태그이다. 과거에는 테이블 태그를 사용하여 레이아웃을 구성하기도 하였으나 모던 웹에서는 주로 공간 분할 태그인 div 태그를 사용하여 레이아웃을 구성한다.
table
표를 감싸는 태그
tr
표 내부의 행
th
행 내부의 제목 셀
td
행 내부의 일반 셀
border 어트리뷰트
표 테두리 두께 지정 ( CSS border property를 사용하는 것이 더 나은 방법이다)
rowspan 어트리뷰트
해당 셀이 점유하는 행의 수 지정
colspan
해당 셀이 점유하는 열의 수 지정
table 관련하여 무언가 안될때 tbody 가 관련이 있는 경우가 있었음...