연습장
7. 목록(List)와 표(table) 형식 표현을 위한 태그 본문
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 가 관련이 있는 경우가 있었음...
'HTML5' 카테고리의 다른 글
9. 사용자와의 커뮤니케이션을 위한 폼 태그 (0) | 2024.06.24 |
---|---|
8. 이미지의 표현과 동영상, 음악 등 멀티미디어를 지원하는 태그 (0) | 2024.06.24 |
6. HTML의 핵심 개념인 Hyperlink (0) | 2024.06.24 |
5. 텍스트 관련 태그 (0) | 2024.06.24 |
4. 웹 페이지를 구성하는 기본 태그 (0) | 2024.06.24 |