Scikit Web

캔버스 안에 이미지 태그를 생성하고 마치 포토샵으로 자른것 같은 효과를 주는 예제 입니다. 사실 이렇게 이미지를 자를꺼면.. 포토샵이 더 빠를수 있습니다. HTML 삽입 미리보기할 수 없는 소스

명언들을 자동으로 재생하는 예제 입니다. jQuery 와 animate.css를 사용하였으며 animate.css 를 재 실행 하기 위해 글자를 새로 설정하고 너비를 읽는 것으로 변화를 감지하게 하여 새로운 애니메이션 이벤트가 실행 되도록 합니다. $("#quotes").text(quotes[idx]); $("#sources").text(sources[idx]); // triger $("#quotes").width(); $("#sources").width(); 사용 예 HTML 삽입 미리보기할 수 없는 소스

html5 에서 다른 페이지로 이동하는 방법입니다. 다른 페이지로 이동시키는 것을 hyperlink 라고도 합니다. hyperlink를 사용하기 위해서는 href attribute 라는게 있습니다. 아래의 예제 코드는 현재 페이지에서 다른 페이지로 이동하는 예제 입니다. 다른 페이지로 이동 할때 추가적으로 target 이라는 문법을 사용할 수 있습니다. 어떻게 실행 할지에 대한 정의 입니다. _blank = 새창 _self = 현재 _parent = 부모(예: 팝업에서 -> 팝업 생성한 화면) _top = _self 와 비슷 framename = 페이지 안에 있는 특정 div Id HTML 삽입 미리보기할 수 없는 소스

- 요구사항 1. Html5 문서를 편집 및 생성 할 수 있는 개발 툴 VS code, brackets 2. 아래의 코드를 복사 후 .html 파일로 저장 3. 크롬 과 같은 웹 브라우저에 Drag and Drop 으로 결과 확인 HTML 삽입 미리보기할 수 없는 소스