목록table (3)
YTCW
1.list-style-type 불릿 모양과 번호 스타일을 지정- 순서 없는 목록의 경우 목록 앞에 불릿 모양 지정- 순서 있는 목록의 경우 번호 스타일을 지정disc채운 원 모양●circle빈 원 모양○square채운 사각형 모양■decimal1부터 시작하는 10진수1, 2, 3, …decimal-leading-zero앞에 0이 붙는 10진수01, 02, 03, …lower-roman로마 숫자 소문자i, ii, iii, …upper-roman로마 숫자 대문자I, II, III, …lower-alpha / lower-latin알파벳 소문자a, b, c, …upper-alpha / upper-latin알파벳 대문자A, B, C, …none지정❌ 2. list-style-image 불릿 대신 이미지를 사용..
table tag의 기본 구조는 배웠으니attr에 대해 알아보기table tag에는 어떤 attr이 있을까?대표적으로 scope="col or row"와colspan="숫자" or rowspan="숫자"가 있다.아래의 표를 만들면서 알아보자 사진을 보면 아침 식사는 가로로 전체 병합이 되어있고 경영학 강의, 응용 수학, 물리학 강의는세로로 두 줄 또는 세 줄로 병합되어 있다.기본 구조를 이용하여 작성부터 해보자. 시간 월 화 수 목 금 토 일 ..
table tag는데이터를 표로 담고 싶을 때사용하는 tag이다.table의 기본 사용법은이전에 ul, ol, dl 처럼전체적으로 감싸주고 시작한다.table tag 안에 넣고자 하는 데이터를 넣는다. 위 사진을 예시로table tag 안에 들어갈 field tag는tr, th, td 가 있는데제일 먼저 tr 을 파악해야 한다. tr 은 table row 의 약자이며총 3줄이므로 아래와 같이 작성한다. 그리고 tr 1번째 줄에는 th 1과 th 2th 가 2개 들어있다.th 는 table header 의 약자로테이블의 제목이다.차례대로 Month, Savings을 작성하고 Month Savings 그 아래 tr 2, tr 3에는td ( table ..