List
- ol: orderd list 라는 의미로 목록에 숫자를 달아준다, 숫자를 쓰지 않아도 자동 넘버링 된다.
<ol></ol>- ul: unordered list. 숫자 없는 목록을 표현해준다. 목록 아이템 앞에 작은 원이 생긴다.
<ul></ul>- 목록은 항상 ul 이나 ol 태그로 감싸야 한다
- 해당 태그의 첫번째 순서
selector:first- child{}- 해당 태그의 마지막 순서
selector:last- child{}- 홀수
selector: nth-child(odd){} - 짝수
selector: nth-child(even){} Table
-
테이블은 항상 table 태그로 감싸져있으며 태그 내에 행과 열을 만든다.
-
한 행 시작시에는 tr 태그로 시작하며 table row의 줄임말
-
각각의 셀은 tr 태그 내에 td 태그를 사용하며 td는 table data의 줄임말
-
th 태그
table heading의 줄임말로 행과 열에 제목을 추가할 수 있고, 가운데 정렬되며 글씨 두께가 두껍다. -
테이블 선 추가
table th, table td{
border: 1px solid black;
}
- td나 th에 colspan, rowspan 속성을 추가하여 셀끼리 부분 병합시킬 수 있다.
- rowspan은 행을 병합하고, colspan은 열을 병합한다.
