목록 태그는 웹사이트에서 네비게이션 메뉴를 만들 때 자주 사용된다.
<ul><li></li></ul> 이렇게 unordered list를 의미하는 <ul>안에 <li>태그를 넣어서 나타냄.
기본 스타일은 bullet point로 나타난다.
<ol><li></li></ol> 이렇게 ordered list를 의미하는 <ol>안에 <li>태그를 넣어서 나타냄.
기본 스타일은 숫자로 나타나는데, ol태그의 type attribute값을 지정하여 대소문자 알파벳, 대소문자 로마숫자로 스타일을 변경할 수 있다.
li태그의 value attribute 값을 지정하여 각 li태그가 몇번인지 지정할 수 있다.
<ol type="I">
<li value="2">Coffee</li>
<li value="4">Tea</li>
<li>Milk</li>
</ol>
ol태그의 start 어트리뷰트로 몇번부터 시작할지를 정할수도 있고,
ol태그의 reversed어트리뷰트를 지정하면(값 없이 쓰기만 하면됨) 리스트의 순서값을 역으로 표시할 수 있다.
ol, ul, li태그 안에 또 ol이나 ul태그를 넣을 수 있다.표(table)를 만들 때 사용하는 태그이다. 과거에는 레이아웃을 구성할때 쓰이기도 하였으나, 모던 웹에서는 div태그가 그 역할을 하는 경우가 많기 때문에 표는 원래의 목적인 표를 만들때만 주로 쓰인다.
| tag | Description |
|---|---|
| table | 표를 감싸는 태그 |
| tr | 표 내부의 행 (table row) |
| th | 행 내부의 제목 셀 (table heading) |
| td | 행 내부의 일반 셀 (table data |
다음은 table관련 태그들에 사용할 수 있는 attribute 들이다.
| attribute | Description |
|---|---|
| border | 표 테두리 두께 지정. (CSS border property를 사용하는 것이 더 나은 방법이다.) |
| rowspan | 해당 셀이 점유하는 행의 수 지정 (th, td에 사용하는듯) |
| colspan | 해당 셀이 점유하는 열의 수 지정 (th, td에 사용하는듯) |
위 어트리뷰트들을 사용하면 왼쪽 모습과 같은 표를 구현할 수 있음