멀티미디어, div와 span2, iframe, 입력form

소리재생 ==> audio태그를 사용한다.

형식) <audio src="경로명/파일명.확장자"></audio>

속성) controls ==> 음악을 재생, 정지, 볼륨 조절 등을 할 수 있는

객체를 나타낸다.

autoplay ==> 자동 재생

loop ==> 반복 재생

muted ==> 무음 처리(볼륨 0)

volume ==> 볼륨값을 조절한다(0~1사이의 값)

preload ==> 오디오 파일을 미리 다운 받아놓는다.

지원파일) mp3, wav, ogg

동영상 재생 ==> video태그를 이용하여 재생한다.

형식) <video src="경로명/파일명.확장자"></video>

속성) controls

autoplay

loop

muted

volume

preload

width ==> 재생 화면의 너비

height ==> 재생 화면의 높이

poster ==> 재생하기 전의 재생 화면에 나타날 그림을 설정한다.

지원파일) mp4, ogv, webm

source태그 ==> audio나 video태그를 구성할 때 재생할 파일들을 설정하는 태그로 source태그가

여러개 있으면 위에서부터 차례로 재생할 수 있는지 여부를 검사하여 재생할 수 있는 파일이

있으면 그 파일을 재생한다.

(호환성을 높이기 위해 사용한다.)

(audio태그나 video태그의 하위태그로 사용한다.)

div와 span

1.블록요소

==> 1) 줄바꿈기능이 있다.

2) 영역의 크기를 지정할 수 있다.

3) 영역의 크기를 지정하지 않는 한 줄을 전부 차지한다.

2.인라인요소

==> 1) 줄바꿈기능이 없다.

2) 영역의 크기는 내용(contents)의 크기와 같다.

(즉, 임의로 크기를 지정할 수 없다.)

iframe태그 ==> 한 문서의 본문 영역에 다른 문서를 넣을 수 있는 태그

형식)

속성) width ==> 프레임 영역의 너비

height ==> 프레임 영역

name ==> 프레임의 이름

a태그의 target속성에 설정할 수 있는 값

1._self : 기본값으로 현재프레임 영역에 결과가 나타난다

2._blank : 새창 또는 새탭에 결과가 나타난다.

3._parent : 부모프레임 영역에 결과가 나타난다.

4._top : 무조건 현재창의 전체영역에 결과가 나타난다.

5.프레임명 : 해당 프레임명에 해당하는 프레임영역이 없으면 _blank기능

form태그 ==> 사용자가 form태그의 하위태그인 입력요소들을

이용하여 작성한 데이터들을 서버로 전송하는 담당하는 태그이다.

형식) <form name="폼이름" action="처리할 문서명" method="전송방식" enctype="인코딩방식">

입력 요소들

</form>

*처리할 문서명 ==> 폼에서 보내온 데이터들을 서버단에서 받아서 처리해 줄 문서를 지정한다.

*전송방식 ==> get 또는 post 방식이 있다.

1.get방식 ==> method속성이 생략되면 기본값이 된다.

==> url주소 뒤에 데이터들을 붙여서 전송하는 방식

(데이터가 노출되고 적은 양의 데이터를 전송할 때 주로 사용된다.)

2.post방식 ==> http프로토콜의 body영역에 데이터를 넣어서 전송하는 방식

(데이터의 양이 많거나 데이터를 감춰서 전송할 때 주로 사용된다.)

*인코딩방식 ==> 보통의 데이터를 전송할 때에는 생략한다.

인코딩방식을 생략하면 기본값으로 application/x-www-form-urlencoded

(데이터를 문자로 전송한다)

==> 파일을 전송할 경우 : 'multipart/form-data'로 설정한다.

=============================================================================

*입력 요소에 사용되는 태그들

input태그, textarea태그, select태그, button태그