HTML5 JQuery 연결하기
HTML5 JQuery 연결 ■ JQuery는 대표적인 자바스크립트의 [라이브러리]인데요. '라이브러리'란 자주 쓰는 자바스크립트 객체나 함수를 모아 놓은 것입니다. 이 라이브러리를 사용하기 위해서는 HTML 문서와 JQuery를 연결해줘야 하는데요. 연결하는 방법은 두 가지가 있습니다. 첫 번째는 파일을 내려받아서 HTML 파일과 같은 폴더에 넣어서 연결하는 방법과 CDN을 이용하는 방법인데요. CDN 형식은.... 콘텐츠를 효율적으로 사용하기 위해서 JQuery나 구글등의 서버에서 제공해주고 js파일을 내려받을 필요 없이 연결만 해주면 됩니다. ■ CDN 방법이 편하긴 한데요. 상황에 따라서는 (하이브리드 앱) JQuery를 내려받아서 연결하는 게 좋을 때도 있습니다. 이렇게 두 가지 방법을 알아볼 ..
HTML5 input type
input type 인터넷을 이용할 때 어딘가에 로그인하기 위해서 아이디와 비번을 입력하고 로그인 버튼을 클릭하게 되는데요. 이런 입력란이나 버튼 등은 모두 HTML5 input type 태그로 이루어져 있는데요. 이 input type 태그를 이용하는 속성이 생각보다 많습니다. 일단 어떤 것들이 있는지 쭉 나열해보고, 이번 글에서는 한 두개만 살펴보고 다음 글에 계속 이어서 정리해볼게요. 먼저 input type 속성을 이용하는 유형은 hidden, text, search, tel, url, reset, image, submit, file, button, time, week, month, date, datetime-local, datetime, radio, checkbox, color, range, n..
html5 list-style
html5 list-style 홈페이지를 만들 때 꼭 있어야 할 요소 중의 하나가 메인 메뉴인데요. 목록 태그 (ul, ol, li) 를 이용해서 간단하게 목록을 나열하고 CSS를 적용해서 메뉴를 만들 수 있습니다. 메뉴뿐만 아니라 사진 등을 나열할 때도 목록 태그를 이용해서 나열할 수 있는데요. 이렇게 나열된 목록을 꾸미는 리스트 스타일에 대해서 알아보겠습니다. 1. list-style-type : 속성type 스타일은 블릿의 모양을 정해주는 역할을 하는데요. 블릿의 종류에는 circle(○), disk(●), square(■) 등 순서가 없는 목록들이 있구요. 1, a, A...등의 순서 기호를 이용해서 표시하는 순서가 있는 목록들이 있습니다. 순서가 없는 목록은 속성에 각 블릿에 해당하는 속성(ci..