HTML 3일차 정리

어제 이어서 html태그 정리시작하겠습니다.

오디오
<audio> !--음악넣는태그--

<audio src="오디오소스 파일경로" autoplay controls>

여기서 autoplay 같은 요소를 설명하자면,



<autoplay> 자동재생

<controls> 컨트롤 제어기 표시

<loop> 반복재생

<autoplay> 자동재생

<controls> 컨트롤 제어기 표시

<loop> 반복재생

<volume> 오디오 재생 볼륨 조절

브라우저마다 코덱이 다르기 때문에 재생할 수 있는 오디오 차이가 있음

이럴때 쓰는 태그 source

<audio controls autoplay>

           <source src="오디오소스 파일경로" type="오디오파일 형식 예:audio/mp3">

           <source src="오디오소스 파일경로" type="오디오파일 형식 예:audio/ogg">

           <source src="오디오소스 파일경로" type="오디오파일 형식 예:audio/wav">

</audio><audio controls autoplay>

*source는 비디오도 같은형식으로하면됨
비디오
<video src="비디오소스 파일경로" autoplay controls>이미지와 거의 비슷하다

video 속성

<autoplay> 자동재생

<controls> 컨트롤 제어기 표시

<loop> 반복재생

<autoplay>자동재생

<poster> 오디오다운로드중 표시하는 이미지

<preload> 오디오 전체다운로드

<muted> 비디오의 오디오 출력을 중지

<,src> 비디오 주소입력

<width>, <height> 비디오 재생기의 너비와 높이를 나타낸다.

----------------------------------------------------------------------------

iframe 웹페이지안에서 구동하는 페이지를 넣을수 있는 태그

<iframe src="주소" width="300" height="120"></iframe>

<src> 주소

<width> ,<height> 크기

특정 웹 페이지를 표시하는 HTML 소스를 작성가능.

<iframe src="" name="iframel"></iframe>

<p><a href="http://www.w3.org" traget="iframel">월드와이드웹 컨소시엄</a></p>

---------------------------------------------------------------------------------

<div>요소와 요소를 하나의 섹션으로 묶는 태그

<span> 인라인요소로써 택스트를 위한 컨테이너로 사용

인라인요소와 블록요소에 대한 설명은 블로그에 차후 올릴예정