7. 목록(List)와 표(table) 형식 표현을 위한 태그

https://poiemaweb.com/html5-tag-list-table

HTML5 Tag - List & Table | PoiemaWeb

 

 

 

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 가 관련이 있는 경우가 있었음...