HTML5+CSS3+JavaScript로 배우는 웹 프로그래밍 기초 2장 답지 (2판)

2-02 중간점검

01. HTML 문서는 크게 head 부분과 body 부분으로 구성된다.

02. HTML요소 = (시작태그+콘텐츠+종료태그)이다.

03. 속성은 반드시 따옴표로 묶어야 하는가?

그런건 아니지만 묶는 것이 권고된다.

 

2-03 중간점검

01. 문단 안에 여러개의 연속된 공백 문자가 있다. 웹 브라우저는 이것을 어떻게 처리 하는가?

하나의 공백 문자로 처리한다.

02. 문단을 나타내는 태그는?

<p>

03. 줄을 바꾸는 태그는?

<br>

 

2-04 중간점검

01. 번호 없는 리스트는 <ul> 태그로 만들고 번호있는 리스트는 <ol> 태그로 만든다.

02. 리스트의 항목을 정의하는 태그는?

<li>

 

2-05 중간점검

01. <img> 태그는 이미지를 나타낸다. 이미지 파일은 어떤 속성으로 지정하는가?

src 속성

02. 블록 요소와 인라인 요소는 어떻게 다른가?

블록 요소는 문단별로 인라인 요소는 한줄에 나타난다.

 

2-06 중간점검

01.  하이퍼링크를 만드는 태그 이름은?

<a>

02. 하이퍼링크 태그에서 href와 target 속성은 어디에 사용되는가?

href는 이동할 경로를 지정, target속성은 새로운 페이지가 어디에 열리는지를 지정

 

2-07 중간점검

01. 테이블에서 한 개의 행을 정의하는 태그 이름은?

<tr>

02. 테이블에서 셀들을 병합하려면 어떤 속성을 이용하여야 하는가?

rowspan, colspan

 

2-08 중간점검

01. 음성파일 pop.mp3를 재생하는 태그를 만들어보자. 

<audio src="pop.mp3" >

02. 비디오 파일 video.mp4 를 재생하는 태그를 만들어보자.

<video src="video.mp4">

 

2장 Exercise

01. 다음 중 텍스트를 표시할 때 강제로 줄을 바꾸는 태그는?

2번 <br>

 

02. 다음 중 항목들의 리스트(목록)을 나타내는 태그가 아닌 것은?

4번 <tl>

 

03. HTML의 올바른 주석문의 형태를 고르시오.

4번 <!--  -->

 

04. 웹 브라우저에 시를 출력하고자 한다. 시의 공백이나 줄바꿈을 원문 그대로 나오게 하고 싶다. 어떤 태그를 사용하여야 하는가?

2번 <pre>

 

05. HTML 에서 공백을 나타내는 특수한 기호는?

1번 &nbsp;

 

06. 가장 큰 헤딩을 만드는 태그는 무엇인가?

3번 <h1>

 

07. 정렬되지 않은 리스트를 나타내는 태그는?

4번 <ul>

 

08. <a>은 무엇을 나타내는가?

3번 하이퍼링크

 

09. <a> 태그에서 다른 곳으로 이동하는 링크를 나타내는 속성은 무엇인가?

3번 href

 

10. 다음중 하이퍼링크를 올바르게 생성한 것은?

3번 <a href="http://www.example.com"> Example </a>

 

11. 테이블 행을 생성하는 데 사용되는 태그는?

3번 <tr>

 

12. <img> 태그 내부의 이미지 위치를 참조하는 데 사용되는 HTML 속성은 무엇인가?

1번 src

 

13. images/toy1 이미지를 HTML문서 안에 포함시키는  문장을 작성하여 보라. 이미지의 크기는 300X200 으로 하라.

<img src="images/toy1" width="300" height="200">

 

14. "google 검색" 을 누르면 구글의 홈페이지로 이동하도록 하이퍼 링크를 작성해보자.

<a href="http://www.google.com"> google 검색 </a>

 

15. 다음의 테이블은 "이름"과 "나이"를 헤더로 가져야 한다. 빈칸을 채워보자.

<thead>

 <tr>

   <th>이름</th>

   <th>나이</th>

 </tr>

</thead> 

 

16. <video> 요소에서 동영상 파일은 어떤 속성으로 지정하는가?

2번 src

 

17. <video> 요소에서 영화가 다운로드 되고 있을 때, 화면에 영화 포스터를 표시하려고 한다. 어떤 속성으로 지정하는가?

3번 poster

 

18. 비디오 파일 dog.mp4을 재생하는 <video> 요소를 생성하는 문장을 쓰시오. 크기는 300X200으로 하고 제어기를 표시한다.

<video src="dog.mp4" width="300" height="200" controls>

 

programming 답은 아래의 깃허브에

https://github.com/d1mm1n/Web-Programming/tree/master/HTML5%2BCSS3%2BJS%EB%A1%9C%20%EB%B0%B0%EC%9A%B0%EB%8A%94%20%EC%9B%B9%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%B0%8D%20%EA%B8%B0%EC%B4%88%20Programmining/2%EC%9E%A5