my_lesson/_HTML15 HTML DIV 태그로 벽돌 쌓기 DIV 태그로 벽돌 쌓기 Masonry는 벽돌 쌓기 모양으로 요소를 배열해주는 자비스크립트 라이브러리입니다.Masonry를 이용하면 이미지를 배열하거나 썸네일이 있는 글목록을 예쁘게 나타낼 수 있습니다.또한 웹브라우저의 가로폭이 변하면 그에 맞게 배열이 바뀌어 반응형웹에서도 사용하기 좋습니다.다운로드Masonry는 다음의 링크에서 다운로드 받을 수 있습니다.http://masonry.desandro.com/#install스크립트를 수정할 것이라면 masonry.pkgd.js를, 그대로 사용할 것이라면 masonry.pkgd.min.js를 다운로드 받습니다.사용법다운로드 받은 파일을 서버에 업로드하고, HTML 문서에서 불러옵니다.Masonry 배열을 할 요소를 적당한 이름의 id를 부여한 요소로 둘러싸고.. 2015. 7. 25. HTML TAG[필수태그] 모음 HTML (Hyper Text Markup Language) 1. 기본구조 내용 표제 부분에 들어갈 말을 정의. 1~6까지의 숫자를 사용하고 숫자가 커질수록 표제는 작아짐 default H4 주석을 달거나 잠시 이미지를 보이지 않게 할때 사용 2. 문단 혹은 줄을 바꾸는 태그 공백 문단을 바꾸는 태그 줄바꿈과 동시에 줄을 띈 것같은 효과 문단을 바꾸는 태그 줄바꿈의 역할만 수행 여백이나 줄간격 등을 고정시켜 주는 역할 들여쓰기 전체 문장을 가운데로 정렬 - align : 정렬하기 (left/center/right) 3. 글자관련 태그 - size : 글자의 크기를 마음대로 조절. 숫자는 1~7까지며 7이 가장 큰 크기 (default : 3) , 굵은 글씨를 나타내 주는 태그 , , 이탤릭체의 글씨를 나.. 2015. 7. 25. HTML/XML 자주쓰는 ENTITY CODE(개체 문자) HTML/XML 자주쓰는 ENTITY CODE(개체 문자) 엔티티코드 : HTML 예약 문자나 특수 문자를 쓸 때 사용 합니다.엔티티 코드를 사용하는 이유는 컴퓨터가 문서를 읽어들일 때 예약문자와 문서내용을 구분하지 못해 생기는 문제를 해결하기 위해서 입니다. 예를 들어 문서 내용에 꺽쇠 괄고( 2015. 4. 21. HTML Table & Display table Table and Display table How to use Table caption tagdescriptionEtc thtable head 의 약자로 표의 제목을 쓰는 역할기본값은 굵은 글씨체에 중앙정렬 trtable row 의 약자로 가로줄을 만드는 역할기본값은 보통 글씨체에 왼쪽정렬 tdtable data 의 약자로 셀을 만드는 역할기본값은 보통 글씨체에 왼쪽정렬 colspancolumn span 의 약자로 셀(가로줄)을 합치는 개수를 지정 rowspanrow span 의 약자로 셀(세로줄)을 합치는 개수를 지정 border테이블 경계선 굵기를 지정 width너비를 지정 height높이를 지정 cellpadding셀과 경계선 사이의 여백지정 cellspacing셀과 셀 사이의 여백 align셀의 .. 2015. 3. 22. HTML Display attribute & Visibility attribute Display attribute[inline,block,none] Visibility attribute [visible,hidden,collapse] How to use Display attribute 상속여부(Whether inheritance) : 상속안됨(Not inheritance) display: inline 기본값(default)으로, 요소(element)를 inline 요소처럼 표시합니다. 따라서 앞뒤로 줄바꿈 되지 않습니다. display: block 요소를 block 요소처럼 표시합니다. 따라서 앞뒤로 줄바꿈이 됩니다. display: none 박스가 생성되지 않습니다. 따라서 공간을 차지하지도 않습니다. display: inline-block 요소는 inline인데 내부는 block처럼.. 2015. 3. 22. Radio button for lesson 라디오 버튼을 이용한 객관식 문제 만들기 01.내 이름이 뭐게? 현수황 황현수 화년수 현쑤 2015. 3. 13. 이전 1 2 3 다음