Programming/Web41 [HTML5] 옵션 patten DescriptionPattern Credit Card Number [0-9]{13,16} Diners Club Card ^([30|36|38]{2})([0-9]{12})$ ICQ UIN ([1-9])+(?:-?\d){4,} Alpha-Numeric ^[a-zA-Z0-9]+$ Domain like "abc.de" ^([a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,6}$ IPv4 Address ((^|\.)((25[0-5])|(2[0-4]\d)|(1\d\d)|([1-9]?\d))){4}$ IPv6 Address ((^|:)([0-9a-fA-F]{0,4})){1,8}$ Username with 2-20 chars (format: string+stri.. 2012. 8. 1. [html5] Visual Cheat Sheet 출처 : http://woork.blogspot.kr/2009/09/html-5-visual-cheat-sheet-by-woork.html 2012. 7. 31. 왜 div에 있는 p에 float:left를 하면 div의 background가 없어지나요? p1 p2 p3 background가 사라지는 것이 아니라 height가 0이 되어버려서 그렇습니다. 어떤 엘리먼트의 height는 특별히 지정해주지 않는다면 그 안에 들어있는 다른 엘리먼트들의 height값에 좌우됩니다. 정확히 말하자면, 이런 구조가 있다고 할 때, a의 높이는 따로 지정해주지 않는다면, "a의 하부구조(여기서는 b)들이 차지하고 있는 영역의 높이" + "a의 padding값"에 의해 결정됩니다. 이에 따르면 a의 padding값이 없고 b의 높이도 0일 경우, a도 0 이 되어버리죠. 일반적인 경우라면 이렇게 자동으로 height를 계산해서 렌더링하는 것이 편리합니다만, 문제는 float을 쓸 경우. float은 해당 엘리먼트를 "띄웁니다.(floating)" 다른 엘리먼트의 영역과.. 2012. 7. 31. <label> 태그 용도 태그 사용 결과 라벨태그 사용했을때좋아요 싫어요 라벨태그 사용 안했을때좋아요 싫어요 태그 사용 방법 HTML 코드 라벨태그 사용했을때 좋아요 싫어요 라벨태그 사용 안했을때 좋아요 싫어요 라벨태그는 단순히 마우스 사용자에게 편의성을 제공한다. 라벨태그로 텍스트를 싸지 않은 일반적인 라디오 버튼은 직접 라디오 버튼을 눌러야 선택할 수 있지만, 라벨태그로 싸여진 텍스트는 (위의 예제 중 핑크색으로 표기된) 텍스트를 클릭했을때에 라디오 버튼이 클릭된다. 주의 할점은 태그의 속성(attribute) for 와 해당 태그의 속성(attribute) id 값이 동일해야 한다. 스마트폰, 태블릿PC에서 터치했을때에도 사용가능한지 테스트 해봤는데, 안된다. 2012. 7. 25. HTML Color Codes http://html-color-codes.info/Korean/ 2012. 7. 11. HTML escape 이스케이프 문자 공백 & " & " 2012. 2. 15. google map & tabs with jquery browser text html 투표율 예측조사 지역구 비례대표 개표현황 지역구 비례대표 10대 관심지 개표결과 지역구 비례대표 Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliq.. 2012. 2. 10. 모바일웹 - 가로보기, 세로보기 위와 같이 사용하게 되면 항상 basic.css 가 불러오게 되고 가로로 볼 경우 landscape.css 를 추가적으로 불러오게 됩니다. 그렇다면 basic.css 를 통해 기본적인 레이아웃을 구현하고 landscape.css 를 통해 가로보기 시에 필요한 몇가지만 추가해 주면 훨씬 더 효율적으로 사용할 수 있을 것 같습니다. 2012. 2. 10. 블로그에 구글맵 삽입하기/Google Map browser 2012. 2. 9. 이전 1 2 3 4 5 다음
