테이블 2

[html][css] 관람등급 만들기 - div,span,table,display

관람등급 표를 만들어보겠습니다. 위의 관람등급을 비슷하게 따라 만들어보겠습니다. 1. html 바깥 줄을 나타내기 위해 전체를 table로 묶어주었습니다. div와 span으로 공과 글자를 만들었습니다. 12 12세이상 관람가 15 15세이상 관람가 청불 청소년 관람불가 전체 전체관람가 2. css div는 block속성이기때문에 나란히 배치가 안되고 아래로 내려갑니다. 이것을 diplay: inline-block; 으로 inline-block속성을 바꿔주어 나란히 배치가 되도록 했습니다. #div1{ color:rgb(217,236,248); width: 23px; height: 23px; background:rgb(34,162,220); border-radius: 70%; display: inline..

HTML & CSS 2020.12.16

[html] table(테이블) 태그 이용해서 표 만들기 -tr,td,th

html table 태그를 이용해서 미국립 약물중독 연구소 표를 만들어보겠습니다. 위의 표를 비슷하게 만들어보겠습니다. 1. table - tr,th,td 표의 제목과 부연 설명을 포함해서 표를 만들었습니다. 표의 행마다 데이터를 넣어주었고, backgroud color를 넣기 위해 해당 위치에 id를 정해주었습니다. colspan 속성- 셀을 합치는 속성 을 사용하였습니다. 표 제목을 적어주고 표와 살짝 띄어지게 하기 위해서 tr을 하나 더 넣었습니다. 미국립약물중독연구소 (Nationa Institue on Drug Abuse, NIDA) 보고서 (1994) 니코틴 헤로인 코카인 알코올 카페인 대마초 의존성 6 5 4 4 2 1 금단성 4 5 3 6 2 1 내성 5 6 3 4 2 1 강화성 4 5 5..

HTML & CSS 2020.12.15