html5 썸네일형 리스트형 SW 개발자, “HTML5가 대세” HTML5가 대세가 될것이라는 말은 수년전부터 이야기 되어 왔다. 개인적으로 HTML5는 JQUERY MOBILE로 모바일 페이지 만들때만 몇가지 태그를 사용했지만 사실 HTML5 태그 자체만 그리 어렵지는 않다. 웹페이지를 HTML5로 만들고 싶어도 브라우저가 전부(특히 IE) 지원 하지 않는게 단점.. 하지만 점점더 브라우저가 버전업되면서 지원 되면 언젠가는 VIDEO태그도 SOUND 태그도 쓰고 웹소켓도 할수 있겠지~ 그러나 나에게는 현재 자바 스프링(spring)프레임웤을 정복하는게 먼저다. http://www.bloter.net/archives/145284 더보기 div와 span태크 div태그는 한줄전체를 영역으로 span태그는 내용 만큼만을 영역으로 한다. 예제1 [태그]⇩ div영역 span 첫번째 영역 span 두번째 영역 span 세번째 영역 [결과]⇩ div영역span 첫번째 영역span 두번째 영역span 세번째 영역 예제2 [태그]⇩ div영역 div영역 span 첫번째 영역 span 두번째 영역 span 세번째 영역 [결과]⇩div영역div영역span 첫번째 영역span 두번째 영역span 세번째 영역div태그는 한줄을 차지하므로 위에서 처럼 두줄에 걸쳐 표시되고 span태그는 영역 만큼만 출력되고 옆으로 이동하여 표시됨. 그리고 div태그를 style로 조정하여 div태그 안에 또 div태그를 넣어서 아래와 같이 홈페이지 레이아웃을 구성할수 있음div태그 main_t.. 더보기 Input박스 안에 글쓰기 ‘아이디’ 박스에 글씨를 쓰기위해 마우스로 클릭하면 글씨 사라짐 ‘비밀번호’를 클릭하면 ‘아이디’박스에 없어졌던 글씨가 다시 보임 더보기 사이트 긁어오기...(Snoopy.class 와 Client URL Library) 가끔씩 다른 사이트 게시판 내용을 긁어 와야 할때가 있다. PHP에서는 Snoopy.class와 Curl이라는 라이브러리고 긁어 올수 있다. 일단 긁어오기전에 라이브러리를 다운 받아야 한다. 1. Snoopy.class 사용. http://sourceforge.net/projects/snoopy/ 에 가면 다운 받을 수 있다. 그리고 난 후 적당한 폴더에 소스를 넣는다. 그리고 아래와 같이 페이지 하나 만든후 코딩하면 내용을 긁어 올수 있다. (예 : naver) 결과.. 소스에 보면 print로 result값을 찍었다. 이 다음 부터는 원하는 값을 뽑거나 가져오기 위해서는 개발자들이 정규식을 사용을 하던 치환을 하던 다름 값을 넣어 자르던 변형해서 값을 뽑아 와야 한다. 좀 더 자세한 함수명이나 내용은.. 더보기 Jquery mobile(제이쿼리 모바일) 에서 nav data-role="navbar"를 이용할 경우 글자수. Jquery mobile를 이용하여 모바일 페이지를 만들때 메뉴를 nav 태그를 이용해서 만들수도 있다 data-role = "nave bar"를 이용해서. 그러다 보면 글자수가 많아지거나 메뉴가 많아지면 자동으로 글을 truncation하는데 css를 조금 수정해주면 된다. 예) 메뉴 가나.. | 다라.. | 마바.. | 사아.. |아차.. 더보기 유용한 div 레이아웃 템플릿 사이트 코드 썩스란 사이트 인데 웹사이트 제작시 잡아야 하는 레이아웃 템플릿을 제공해준다. 무료이고 server-side코딩만 하다가 front-end쪽 하면 HTML이랑 CSS때문에 약간 고생할수 있는데 그때 이걸 다운받아서 레이아웃 잡고 시작하면 좋을듯. http://www.code-에스유씨케이에스.com/css%20layouts/fixed-width-css-layouts/ 좋은 사이트임에는 틀림없는데 주소가 조금 그렇다. 난 전적으로 이해하지만.. 위의 주소 클릭하면 잘못된 에러다..에스유씨케이에스를 영문으로 바꿀것.. 절대 나쁜 사이트 아니다.. 더보기 INPUT style 옵션 # input type='text' style="ime-mode:active;" //글입력시 기본 한글모드 style="ime-mode:inactive;" //글입력시 기본 영문모드 style="ime-mode:disabled;"; //글입력시 무조건 영문모드 (한/영키 변환해도 무조건 영문) syle="font-size:10pt;" //글자크기 syle="color:blue;" //글자색 syle="border-size:1;" //테두리 크기 syle="border-color:black;" //테두리색 syle="background-color:white;" //배경색 syle="border-width:1;" //테두리 두께 syle="border-style:dotted;" //테두리 스타일 ( 옵션항목.. 더보기 이전 1 2 3 4 5 다음
