[코드잇 스프린트] 0312 데일리 퀴즈

 

 

[1] 다음중, <video> 태그의 autoplay 속성값을 거짓으로 하기 위한 올바른 방법은?
해당 문제에서 기술한 autoplay 속성의 작동원리는
'HTML 핵심 개념'에서 다루지 않은 내용을 다루기에,
(https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video)을(를) 참고해 답변해주세요

a.
<video src="intro.mp4">

b.
<video src="intro.mp4" autoplay>

c.
<video src="intro.mp4" autoplay="off">

d.
<video src="intro.mp4" autoplay="false">

답: a

 

[2] 다음중, 지문의 빈칸에 알맞은 답변을 고르시오

그러나, 일부 브라우저에서는 <video> 태그의 autoplay 속성값이 참이여도,
(가) 속성값이 (나) 이어야지만 동영상이 자동으로 재생된다.

 

a. (가)  = muted (나) = on

b. (가)  = muted (나) = true

c. (가)  = volume (나) = 0

d. (가)  = volume (나) = muted

 

답: b

해설: 

<video controls autoplay muted loop>
  <source src="../img/video.mp4" type="video/mp4">
</video>

위의 video 태그 옆으로 나열된 것들이 속성이며, 자세한 내용은 아래 표를 통해 알아보자

 

video 태그의 속성은 아래와 같다.

autoplay	autoplay	비디오 자동재생
controls	controls	하단 재생바 ( 플레이, 중지, 음량, 자막, 전체 화면 등등 포함 ) 표시
loop	loop	반복 재생
muted	muted	음소거 설정
poster	url값	동영상 재생 전 표시 이미지
preload	auto | metadata | none	페이지가 로드 될 때, 비디오 파일 로드 여부
width | height		가로 | 세로 값 - css로도 설정 가능

여기서 가장 자주 사용되는 속성은 'autoplay'인데, autoplay를 하기 위해서는 꼭 muted 설정을 해주어야한다.

 

[3~4] 다음 지문을 읽고 질문에 답하시오

├── index.css
├── index.html
├── pages/
│   ├── homework/
│   │   ├── index.html
│   │   └── science.html
│   └── programming/
│       ├── javascript.html
│       └── typescript.html
└── assets/
    ├── hello.png
    └── world.png

[3] 다음중, index.html 에서 homework 폴더 내부에 위치한 index.html 을 불러오기 위한 <iframe> 태그의 src 속성값에 대한 설명으로 올바른 것을 고르시오

[ 보기 (가)]
<iframe src="/pages/homework/"></iframe>

[ 보기 (나)]
<iframe src="./pages/homework/"></iframe>

[ 보기 (다)]
<iframe src="pages/homework/index.html"></iframe>

 

a. (가)는 상대경로를 사용해서 문서를 참조한다

b. (나)는 절대경로를 사용해서 문서를 참조한다

c. (나), (다) 모두 상대경로를 사용해서 문서를 참조한다

d. (가), (다) 모두 절대경로를 사용해서 문서를 참조한다

 

답: c

해설:

기호	의미
/	최상위 경로(root)
./	현재 위치
../	상위 경로
x	현재 위치

[4] 다음중, javascript.html 에서 hello.png 를 불러오기 위한 <img> 태그의 src 속성값으로 올바른 것을 모두 고르시오

[ 보기 (가)]
<img src="../../hello.png">

[ 보기 (나)]
<img src="/assets/hello.png">

[ 보기 (다)]
<img src="../assets/hello.png">

[ 보기 (라)]
<img src="../../assets/hello.png">

 

a. (가)

b. (가), (나)

c. (나), (라)

d. (가), (다), (라)

 

답: c