728x90

css 27

[HTML5+CSS3+Javascript 웹프로그래밍]10장 실습문제

1.다음과 같은 웹 페이지가 있다. 이 웹 페이지가 로드될 때, '접속 감사합니다!'라는 문장을 담은 200*80크기의 새 윈도우를 별도로 출력하도록 웹 페이지를 수정하라. HTML5 HTML5를 학습하는 사이트입니다. 여기서 HTML5, CSS3, 자바스크립트를 배울 수 있습니다. 2.문제1의 코드를 수정하여보자. (1)새 윈도우가 스크린 장치를 기준으로 (500,400)에 출력되게 하라. HTML5 HTML5를 학습하는 사이트입니다. 여기서 HTML5, CSS3, 자바스크립트를 배울 수 있습니다. (2)새 윈도우의 타이틀을 '환영'으로, 바탕색을 yellowgreen으로 출력되게 하라. HTML5 HTML5를 학습하는 사이트입니다. 여기서 HTML5, CSS3, 자바스크립트를 배울 수 있습니다. 3...

HTML+CSS+JavaScript 2021.11.25

[HTML5+CSS3+Javascript 웹프로그래밍]11장 연습문제

1.HTML5에서 웹 페이지에 이미지, 도형 등을 그리는 그래픽 공간을 만드는 태그는? ① ② ③ ④ 2.HTML5 캔버스 기능에 대한 설명 중 틀린 것은? ①캔버스는 HTML5의 표준이다. ②하나의 웹 페이지에 여러 개의 캔버스를 그릴 수 있다. ③캔버스는 2차원 그래픽만 지원하고, 3차원은 지원하지 않는다. 캔버스 객체는 2차원이나 3차원 그래픽을 모두 지원한다. 2차원 그래픽을 수행하려면, canvas.getContext("2d")를, 3차원 그래픽을 수행하려면, canvas.getContext("3d")를 호출하면 된다. ④캔버스도 마우스 이벤트를 처리할 수 있다. 3.다음과 같은 태그가 있을 때 주석에 맞도록 빈 라인에 자바스크립트 코드를 작성하라. 4.컨택스트 객체의 경로와 메소드에 대해 잘못..

HTML+CSS+JavaScript 2021.11.21

[HTML5+CSS3+Javascript 웹프로그래밍]10장 연습문제

1.브라우저에 의해 제공되는 BOM객체들은 계층관계로 이루어진다. 계층의 최상위에 있는 객체는 무엇인가? ①document ②window ③body ④html window 객체는 브라우저가 제공하는 BOM 객체의 최상위에 존재한다. 2.다음객체들 중 특징이 다른 하나를 골라라. ①document ②navigator 현재 작동중인 브라우저에 대한 다양한 정보를 나타내는 객체이다. ③div ④span 3.다음 지시에 따라 window.open()함수를 작성하라. 3-1.이름이 win인 새 윈도우를 열어 test.html을 출력한다. 3-2.현재 윈도우에 구글 웹 페이지를 출력한다. 3-3.크기가 400*500인 새 윈도우에 네이버 페이지를 출력한다. 3-4.스크린의 왼쪽 상단 모서리에 위치하는 새 윈도우를 ..

HTML+CSS+JavaScript 2021.11.21

[HTML5+CSS3+Javascript 웹프로그래밍]8장 연습문제

1.다음 중 DOM 객체는? (1)window 객체 (2)navigator 객체 (3)event 객체 (4)html 객체 2.다음 중 DOM 객체가 아닌 것은? (1)p 객체 (2)document 객체 (3)div 객체 (4)span 객체 DOM(Document Object Model): HTML문서의 각 요소를 객체화한 것 이때, DOM 트리의 루트는 document객체지만, document객체는 DOM객체가 아님에 주의할 것! 3.HTML DOM 트리에 대해 잘못 말한 것은? (1)브라우저에 의해 만들어진다. 얼핏 브라우저가 HTML페이지를 읽으면서 HTML 태그를 화면에 바로 출력하는 것으로 생각할 수 있지만, 사실은 브라우저가 HTML 태그로부터 DOM 객체를 생성하고 DOM 객체를 구성한후, D..

HTML+CSS+JavaScript 2021.11.21

[HTML5+CSS3+Javascript 웹프로그래밍]9장 실습문제

1.브라우저 내의 아무곳이나 클릭하면 왼쪽 화면과 같고, 브라우저 바깥의 아무 곳에 마우스를 클릭하면 브라우저의 배경색이 lightgray로 바뀌도록 웹 페이지를 작성하라. 포커스와 onblur,onfocus 브라우저 바깥에 마우스를 클릭하면 window 객체에 blur 이벤트가 발생하고 다시 마우스를 클릭하면 window 객체에 focus 이벤트가 발생한다. 2.라디오버튼으로 선택하면 해당 이미지를 출력하는 웹 페이즐 작성하라. 라디오 버튼을 클릭하면 이미지를 출력합니다. 바나나 망고 사과 3.계산식을 입력받아 결과를 출력하는 웹 페이지를 작성하라. 식 입력 후 키를 치면 수식을 계산하고 결과를 출력한다. 계산기 만들기 수식을 입력하고 을 입력하세요. 식 값 4.onmousemove를 이용하여 웹 페이..

HTML+CSS+JavaScript 2021.11.14

[HTML5+CSS3+Javascript 웹프로그래밍]8장 실습문제

1.다음은 HTML 페이지와 브라우저의 출력결과이다. 라면을 끓이는 순서 물을 끓인다. 라면과 스프를 넣는다. 파를 썰어 넣는다. 5분후 맛있게 먹는다. (1)HTML페이지의 HTML DOM트리를 그려라. (2)dhk 태그 사이에 다음과 같이 자바스크립트 코드를 작서아여 모든 태그를 찾아 글자 색을 green으로 출력하라. 라면을 끓이는 순서 물을 끓인다. 라면과 스프를 넣는다. 파를 썰어 넣는다. 5분후 맛있게 먹는다. (3)리스트가 출력된 공간 아무 곳이나 클릭하면 리스트 전체의 배경색을 yellowgreen으로 바꾸는 자바스크립트 코드를 완성하라. 라면을 끓이는 순서 물을 끓인다. 라면과 스프를 넣는다. 파를 썰어 넣는다. 5분후 맛있게 먹는다. 라면을 끓이는 순서 물을 끓인다. 라면과 스프를 넣는..

HTML+CSS+JavaScript 2021.11.14
728x90