728x90

HTML+CSS+JavaScript 41

[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

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

1.1에서 100(100포함)사이의 난수 10개를 생성하여 plots 이름의 배열에 저장하고, 배열에 저장된 수 중 가장 큰 수를 출력하는 웹 페이지를 작성하라. 난수 10개 생성 2.prompt() 함수를 반복 호출하여 5개의 정수를 입력받아 배열에 저장하고 입력된 반대 순으로 출력하는 웹 페이지를 작성하라. 정수 5개 입력받아 역순으로 출력 3.예제7-6을 수정하여 웹 페이지를 접속할 때 오전이면 배경색을 lightskyblue로, 오후이면 orange로 출력되게 하라. 오전이면 lightskyblue, 오후이면 orange 배경 4.예제 7-6을 수정하여, 웹 페이지를 접속할 때 월요일~토요일이면 배경색을 gold로, 일요일이면 pink로 출력되게 하라. 일요일은 pink, 다른 요일은 gold 배..

HTML+CSS+JavaScript 2021.10.15

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

1.자바스크립트 객체를 생성할 때 사용하는 키워드는? ①creat ②+ ③new ④make 2.다음 중 값 1,2,3으로 초기화한 배열 values를 생성하는 자바스크립트 코드는? ①var values [] = {1,2,3}; ②var values = {1,2,3}; ③var values [] = [1,2,3]; ④var values = [1,2,3]; 3.다음 배열에 대한 설명 중 틀린 것은? var months = new Array("Jan","Feb","March"); ①var months = ["Jan","Feb","March"];로 대신할 수 있다. ②months.length는 3이다. ③months[1]="February"; 코드는 "Feb"을 "February"로 수정한다. ④months.l..

HTML+CSS+JavaScript 2021.10.15

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

1.9개의 버튼을 가진 다음 웹 페이지를 작성하라. 버튼을 만들자 2.태그와 태그를 이용하여 다음과 같은 문서를 작성하라. 웹 브라우저 소개 브라우저라고 불리기도 하는 웹 브라우저(Web Browser)는, 사용자에게 웹 서버 컴퓨터에 접속하고 웹 페이지, 이미지, 동영상, 음악 등 다양한 데이터 다운받아 보여주는 소프트웨어이다. 그림 1-2는 대표적인 Chrome 웹 브라우저를 보여준다. 그림 1-2 구글 Chrome 웹 페이지는 브라우저에 HTML5 문서임을 알리기 위해 그림 1-3과 같은 코드를 첫 라인에 삽입하여야 한다. 그림 1-3 HTML5 문서 구성 3.,,,태그를 이용하여 다음 폼을 작성하라. 로그인 폼 Login Username Password 4.태그와 태그를 이용하여 다음과 같은 웹 ..

HTML+CSS+JavaScript 2021.10.15

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

1.다음 HTML코드에 태그 이름 셀렉터로 스타일 시트를 삽입하여 브라우저 출력과 같게 하라. (1) 소연재 저는 체조 선수 소연재입니다. 음악을 들으면서 책읽기를 좋아합니다. 김치찌개와 막국수 무척 좋아합니다. (2) 소연재 저는 체조 선수 소연재입니다. 음악을 들으면서 책읽기를 좋아합니다. 김치찌개와 막국수 무척 좋아합니다. css파일 body{ background: bisque; } h3{ color: blue; text-align: right; } p{ color: plum; } span{ color: blue; background: lightblue; } 2.다음 HTML 소스에 태그 이름 셀렉터로 스타일 시트를 삽입하여 브라우저 출력과 같게 하라. 텍스트와 폰트 AliceBlue 바탕색에 Br..

HTML+CSS+JavaScript 2021.10.12
728x90