Code note/HTML

HTML 목록 및 표

코드노트 2022. 8. 8. 21:49

<ol> Ordered List

- 순서가 있는 목록

- type을 통해서 여러가지 순서번호를 사용할 수 있다.

ex) type="A", type="a", type="I", type="i"

- start="" 속성을 통해서 시작하는 숫자를 사용할 수 있다.

- li 태그에 value값을 넣어주면 넣은 순서부터 시작한다.

- 중간에 넣게 되면 넣은 순간 전까지는 1부터 그 뒤로는 넣은 숫자로 시작.

- reversed 속성을 사용하면 반대로 확인할 수 있다. 

- 하위 태그로 중첨으로 가능.

 

<ul> Undered List

- 순서가 없는 목록

- 하위 태그로 중첨으로 가능.

 


<dl>

설명목록을 나타낸다.

- dt, dd를 감싸서 설명 목록을 생성한다.

- key, value를 나타낼 때 사용한다.

- dt, dd를 같이 사용한다.

- div를 형제요소로 사용하면 안된다.

<dt>

- 표기한 용어

<dd>

- 용어를 설명하는 목록


<table>

- 행과 열로 이루어진 표를 나타낸다.

- tr, th, td로 이용해서 표를 만들 수 있다.

- <tr> 하나 마다 하나의 열을 만들어서 제작.

- <tr> 안에는 <th>, <td>를 통해서 표를 제작

- scope 속성으로 행과 열의 대표하는 문자를 표시.

- rowspan, colsapn 속성으로  차지하는 영역을 넓혀서 숫자로 표시.

- thead, tbody, tfoot 세개로 표를 마크업 가능

 

<caption>

- table 안에서 사용.

- 표의 설명 또는 제목을 나타낸다.

- table요소의 첫 번째 자식이어야 한다.

- caption요소를 가지고 있는 table이 fiqure의 자식인 경우에는 figcaption으로 사용