Scikit Web

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

홈페이지에 찾아온 사람들에게 보여줄 광고 팝업 에제 입니다. 정적인 위지에 띄우는 팝업 예제 입니다. CodePen이라는 글자를 클릭하시면 동작 확인을 더 원활하게 하실 수 있습니다. HTML 삽입 미리보기할 수 없는 소스

html tag에 직접 style 이라는 속성을 이용하여 문자의 컬러 정보를 변경하는 방법입니다. RGBA의 경우 투명도를 값을 지정할 수 있습니다. style에는 color 외에도 많은 값들이 있습니다. 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 삽입 미리보기할 수 없는 소스