HTML/예제(5)
-
7. 픽셀 아트
1. html5에서는 자바스크립트롤 그림을 그릴 수 있는 기능을 지원합니다. 간단한 갠버스를 만들고 사각형(픽셀)을 이용한 재미있는 그림을 그려 보도록 하세요. 2. 캔버스를 만들고 사각형을 출력하는 프로그램을 만들어 봅니다. -1) 소스코드 -2) 실행결과 3. 빨간 사각형 두 개를 만들어 봅니다. -1) 소스코드 -2) 실행결과 4. 자바스크립트에서 사용할 수 있는 색상은 100여 가지 정도입니다. https://css-tricks.com/asnippets/css/named-colors-and-hex-equivalents/에서 원하는 색상의 이름을 찾아서 활용하세요. 스티브 얼굴을 그리려면 어떻게 해야 할까요 전체가 7줄로 이루어져 있고, 각 줄을 순서대로 그린다고 생각해 보셍. 어느 부분에서 반복문..
2017.08.22 -
<button>태그 링크
1. 태그에 링크거는 방법 -1) 현재창에 띄우는 방법버튼내용 -2) 새창에서 띄우는 방법버튼내용 -3) 팝업창에서 띄우는 방법버튼내용 -4) 프레임에 출력하는 방법 버튼내용
2017.03.22 -
03. Table
1. Table 예제코드 테이블 예제입니다. Line1 - 1Line1 - 2Line2 - 1Line2 - 2Line3 - 1Line3 - 2Line4 - 1Line4 - 2 2. 실행화면 -1) 화면의 크기에 따라 "Line3", "Line4"번의 테이블 크기가 커지는 화면 -2) 실행화면 3. 해설 1. -> 테이블의 테두리선의 굵기가 1이고, 넓이가 500이며, 배경색이 "#55cc00"인 테이블을 생성합니다. 2. -> 라인의 한 줄을 생성지점을 알려줍니다.3. Line1 - 1 -> 위에서 생성한 한 줄에다가 넓이가 100이고, 배경색이 "999999"인 한 칸을 만듭니다. 4. Line1 - 2 -> 생성된 한 칸 옆에 또 다른 한 칸을 생성합니다. 5. -> 라인의 한 줄의 생성의 종료지점을..
2017.02.20 -
02. Hyper Link
1. HyperLink 예제 하이퍼링크 예제입니다. 현재창에 하이퍼링크 띄우기 새 창에 하이퍼링크 띄우기 마우스를 올려두고 있으면 설명출력 2. 실행화면 -1) 현재 실행되고 있는 창에 하이퍼링크 출력화면 -2) 현재창이 아닌 새로운 창에 하이퍼링크 출력 -3) 마우스를 올려두고 있으면 설명창이 출력 4. 해설 1. -> 바디의 시작 위치를 알려줌 2. 하이퍼링크 예제입니다. -> 폰트의 사이즈가 8이고 글자의 색이 파랑색인 본 예제의 설명을 출력하고 한줄 띄움 3. 현재창에 하이퍼링크 띄우기 -> 문자를 클릭하면 연결된 하이퍼링크를 현재창에 출력 4. 새 창에 하이퍼링크 띄우기 -> 문자를 클릭하면 연결된 하이퍼링크를 새 창에 출력 5. 마우스를 올려두고 있으면 설명출력 -> 마우스를 문자위에 올려두고..
2017.02.20 -
01. Hello, World!
1. Hello, World! 소스코드 안녕하세요. 앙큼한유채입니다. Hello, world! 2. 실행화면
2017.02.20