36. HTML5에서 향상된 특징에 대한 설명으로 적절하지 못한 것은? (4점)

   ① 단순한 웹 문서 작성이 아닌 웹 애플리케이션 개발을 위해 다양한 자바스크립트 API가 추가되었다.

   ② 보다 의미 있는 구조의 문서 작성을 위해 시멘틱 요소가 추가되었다.

   ③ 다단, 변형, 변환, 애니메이션 등의 CSS 속성이 추가되었다.

   ④ ActiveX 등의 외부 플러그인을 통해 멀티미디어 구현의 용이성을 향상시켰다.

 

37. HTML5에서 문서의 레이아웃 지정을 위해서 추가된 요소는? (4점)

   ① aside

   ② main

   ③ datalist

   ④ output

 

38. HTML 요소와 해당 요소의 하위 요소가 바르게 짝지어진 것은? (2점)

   ① fieldset - figcaption

   ② datalist - item

   ③ details - summary

   ④ figure - caption

 

39. 시각적 및 의미적으로 특정 문구를 강조하기 위한 HTML 요소는? (4점)

   ① strong

   ② mark

   ③ em

   ④ highlight

 

40. input 요소의 텍스트 타입이 포커스를 받으면 미리 입력한 항목을 드롭다운 형태로 표시하려고 한다. 이때 input 요소에서 반드시 사용해야 하는 속성은? (3점)

   ① id

   ② name

   ③ datalist

   ④ list

 

41. 웹브라우저에 그림을 그리기 위해서 canvas 요소를 사용할 때 반드시 지정해야 할 속성은? (4점)

   ① id

   ② name

   ③ width

   ④ src

 

42. 캔버스에서 세 개 이상의 점을 가진 경우 마지막 점과 첫 번째 점을 연결하는 직선을 자동으로 추가하여 닫힌 모양의 다각형을 그릴 때 사용하는 메서드는? (3점)

   ① moveTo()

   ② closePath()

   ③ stroke()

   ④ polygon()

 

인공지능, HTML5  4－1

 
4 학년   1 교시

43. 캔버스에서 그라데이션 스타일 지정과 관계가 없는 메서드는? (3점)

   ① addColorStop()

   ② createPatternGradient()

   ③ createLinearGradient()

   ④ createRadialGradient()

 

44. 캔버스에서 텍스트를 그리기 위한 코드의 일부이다. 밑줄 친 (a) 부분에 들어갈 속성명은? (단, context는 컨텍스트 객체 변수를 나타낸다.) (2점)

    
context.   (a)    = "45pt arial";

context.   (b)    = 'right';

context.   (c)    = 'middle';

context.strokeStyle="red";

context.strokeText("HTML5 캔버스", 430, 140);

 
   ① text

   ② textStyle

   ③ fontStyle

   ④ font

 

45. 캔버스의 좌표 공간을 수평과 수직 방향으로 확대 또는 축소하기 위한 메서드는? (3점)

   ① translate()              

   ② scale()

   ③ skew()                            

   ④ rotate()