[HTML5] 4장 연습문제 (HTML5 멀티미디어 태그와 입력 양식 태그)

#HTML5 웹 프로그래밍 입문

[4장 1번]

audio 태그와 video 태그에서 사용자가 조작할 수 있는 컨트롤을 보여 주는 속성은?

1. controller 속성    2. control 속성    3. controls 속성    4. gui 속성

- 3. controls 속성

[4장 2번]

source 태그에 type 속성을 입력하지 않을 때 발생하는 문제점을 적으시오.

- 웹 브라우저가 파일을 다운 받은 뒤에 재생 가능한 파일인지 확인하므로 트래픽이 낭비된다.

[4장 3번]

select 태그 내부에서 각 항목을 만드는 데 사용하는 태그는?

1. li 태그    2. option 태그    3. item 태그    4. source 태그

[4장 4번]

form 태그의 method 속성을 GET과 POST로 입력할 때, 버튼을 클릭해 서버로 데이터를 전송한 후 웹 브라우저의 주소창에 나타나는 URL 변화를 적으시오.

- GET 방식을 사용하면 URL 뒤에 데이터가 추가된다. 반면 POST를 사용하면 URL 뒤에는 아무 변화가 없다.

[4장 5번]

다음 입력 양식을 생성하시오(형태만 구성).

[풀이]

<form>
  <table>
    <tr>
      <td><label for="mail">이메일</label></td>
      <td><input id="mail" type="text"/></td>
    </tr>
    <tr>
      <td><label for="name">이름</labeL></td>
      <td><input id="name" type="text"/></td>
    </tr>
    <tr>
      <td><label for="password">비밀번호</label></td>
      <td><input id="password" type="password"/></td>
    </tr>
    <tr>
      <td><label for="check">비밀번호 확인</label></td>
      <td><input id="check" type="password"/></td>
    </tr>
  </table>
  <input type="submit" value="제출"/>
</form>

[4장 6번]

다음 입력 양식을 생성하시오(형태만 구성).

[풀이]

<form>
  <table>
    <tr>
      <td><label for="name">이름</labeL></td>
      <td><input id="name" type="text"/></td>
    </tr>
    <tr>
      <td><label for="gender">성별</label></td>
      <td>
        <input id="gender" type="radio"/>남성
        <input id="gender" type="radio"/>여성
      </td>
    </tr>
    <tr>
      <td><label for="hobby">취미</label></td>
      <td>
        <input id="hobby" type="checkbox"/>운동
        <input id="hobby" type="checkbox"/>음악
        <input id="hobby" type="checkbox"/>개발
      </td>
    </tr>
  </table>
  <input type="submit" value="제출"/>
</form>