728x90
반응형

HTML 18

[ITSkeleton] HTML input text에 빈칸에 글적어놓기 (안내문구)

input text를 쓰다보면 input에 적기전 안내문구를 적어야 할경우가 생기는데요 간단하게 해결할수있습니다. Placeholder 속성을 사용하는 방법입니다 이런식으로 간단하게 사용할수 있습니다. value 속성은 input에 값을 집어넣는 것이고 placeholder는 백그라운드로 보여주고 그대로 값을 넘겨도 공백 or null로 반환합니다. input 에 값을 넣으면 백그라운드 텍스트가 사라지고 값이 입력됩니다.

HTML 2018.05.24

[ITSkeleton] HTML Youtube 썸네일 가져오기

유튜브에서는 숫자형으로 제공되는 4종류 썸네일과퀄리티를 기준으로 제공되는 5종류의 썸네일을 제공합니다 http://img.youtube.com/vi/동영상ID/이미지.jpg 이미지에는 0~4의 숫자가 들어갈수있고 퀄리티는 hqdefault = 고품질 mqdefault = 중간품질 default = 보통품질 HQ동영상이 존재하는 썸네일 sddefault = 표준형 썸네일 maxresdefault = 최대 해상도 썸네일 그리고 위의 기술을 사용하기위해서는 유튜브 API를 받아야 합니다 YouTube Data API (v3) 위의 주소로 가셔서 차례대로 진행하신뒤 key를 받으시면 됩니다.

HTML 2017.07.07

[ITSkeleton] HTML JQuery,CSS를 이용하여 반자동 Scroll 시키기

제목만 봐서는 어떤 내용인지 감이 안오실거라 생각합니다. ul li 를 사용하여 화살표를 누르면 가운데에 있는 값을 변경하는것. 이라고 생각하시면 될거같네요. ▲TEST 1TEST 2TEST 3TEST 4TEST 5▼ 아래와 같은 모양이 나올겁니다~ ▲ TEST 1 TEST 2 TEST 3 TEST 4 TEST 5 ▼ 현 페이지에서는 동작을 하지않는데 아마 스크립트 지원이 제대로 안된모양입니다..... 직접 작성을 하실때에는 include를 제대로 전부 해주신다음 작성하시면 화살표를 누를때 가운데 공간의 글자가 바뀌는것을 확인하실수 있습니다~ 저는 이걸로 달력을 만들었네요..!

HTML 2017.07.05

[ITSkeleton] HTML 팝업창 띄우기 Popup (window.open)

window.open( URL , 팝업창이름, 팝업창 옵션) 옵션 Yes or Notoolbar = 상단 도구창 menubar = 상단 메뉴 location = 메뉴아이콘 directories = 제목 표시줄 status = 하단의 상태바 scrollbars = 스크롤바 resizable = 팝업창의 사이즈 변경 pxwidth = 팝업창의 가로 길이 설정 height = 팝업창의 세로 길이 설정 top = 팝업창이 뜨는 위치(화면 위에서부터의 거리 지정) left = 팝업창이 뜨는 위치(화면 왼쪽에서부터의 거리 지정)

HTML 2017.07.04

[ITSkeleton] jquery 브라우저 창 크기에 비례해서 사이즈 변경하기

브라우저 넓이 가져오기$(window).width() 브라우저 높이 가져오기$(window).height() background 을 실행시켜보면 아래와 같은 background가 나옵니다. background 이것을 jquery로 사이즈를 조절하면 홈페이지가 시작되면서 동작을 하게 됩니다. $('클래스 or ID값').width or height($(window).width()); 위의 코드를 적용시키면 브라우저 전체에 꽉찬 모습을 볼수있습니다. $('클래스 or ID값').css('width or height',$(window).width()); css를 적용시키는 방법으로도 접근이 가능합니다! 꽉찬 모습이 싫으시다면 $('클래스 or ID값').width or height($(window).width..

HTML 2017.06.26

[ITSkeleton] HTML RadioButton Value(라디오버튼 정보값 가져오기)

안녕하세요~ ITSkeleton입니다 HTML에서 자주 사용하는 Radio버튼 만드는 방법부터 javascript로 정보값을 받아오는 것까지 해보도록 하겠습니다. 라디오 버튼을 만드는 방법은 간단합니다1번버튼2번버튼3번버튼4번버튼5번버튼6번버튼 이렇게 만들면 6개의 라디오 박스가 생성 됩니다. 각 옵션에 대하여 간단하게 설명해드리자면type : input의 타입을 설정합니다 버튼이나 라디오버튼, 체크박스등 input으로 만들수있는 형식을 정해줍니다name : 현재 라디오 버튼의 이름을 정해줍니다. 같은 이름으로 만들어진 라디오 버튼은 하나의 그룹화가 되어서 여러개중 하나를 선택하는 방식이 됩니다.checked : 해당 라디오버튼에 체크표시를 해줍니다. 디폴트 선택을 표현할때 사용합니다.value : 버튼..

HTML 2017.06.13
728x90
반응형