개발자 권군

1. 결과물 2. html 수성아트피아 서버점검 안내 죄송합니다. 현재 서버점검중으로 사이트에 접속하실 수 없습니다. 빠른 시일내에복구하여 정상적으로 이용하실 수 있도록 하겠습니다. 점검기간 : 10. 19(월) ~ 10. 21(수) 문의사항 : 053-668-1800 COPYRIGHT@SUSEONG ARTPIA. ALL RIGHTS RESERVED. 3. css *{ margin: 0; padding: 0; } @font-face{ src: url(../fonts/Cafe24Ohsquare.ttf); font-family: "hsquare"; } @font-face{ src: url(../fonts/Cafe24Simplehae.ttf); font-family: "simplehae"; } ul,li{ l..

1. 결과물 2. html 대표종 35개 이상 항목 더보기 래브라도 리트리버 골든 리트리버 플랫 코티드 리트리버 체서피크베이 리트리버 3. css *{ margin: 0; padding: 0; } ul{ list-style: none; } a{ text-decoration: none; } #wrap{ width: 800px; height: 300px; } #wrap>ul>.head{ width: 800px; height: 50px; } #wrap>ul>.head>.main{ width: 200px; height: 50px; float: left; font-size: 30px; font-weight: bold; padding-left: 15px; padding-top: 10px; box-sizing: bo..

태그- src 속성으로 이미지 파일 경로 지정 미리 알아두자! ' / ' - 하위 폴더 지칭 ' . ' - 현재 경로 ' .. ' - 한 칸 상위 경로 1. 절대 경로 : 고유의 경로 ex) c:\Users\web\images 2. 상대 경로 - 주로 쓰는 경로 web.html 문서 하위에 css 폴더와 images 폴더가 있는 상태입니다. cat.jpg (images 폴더안에 저장) 1) web.html 문서에서 cat.jpg를 삽입 ( . 사용) 현재 경로(.) -> 하위 폴더(/) -> images 폴더 -> cat.jpg 2) css파일에서 cat.jpg를 삽입 ( .. 사용) 같은 레벨에 있는 폴더이기 때문에 바로 사용할 수 없습니다. 한 칸 상위 경로로 올라갔다가 하위 폴더로 내려오는 경로를 ..

관람등급 표를 만들어보겠습니다. 위의 관람등급을 비슷하게 따라 만들어보겠습니다. 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 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..