## audio 태그 ##
-> 웹 브라우저에서 플러그인의 도움없이 음악을 재생할 수 있게 만들어 주는 태
그
속성
src : 음악 파일의 경로 지정
controls : 재생도구 출력 지정
autoplay : 자동 재생여부 지정(모바일에서 적용 X)
loop : 반복여부 지정
http://maschek.hu/imagemap/imgmap/
여기들어가서
도구사진 갖고오면 업로드가 된다.
업로드 버튼 눌러라 그후 원으로해서 값다 갖고오면 된다.
## video 태그 ##
-> 웹 브라우저에서 플러그인의 도움없이 미디어를 재생할 수 있게 만들어 주는
태그
속성
src : 미디어 파일에 대한 경로 지정
controls : 재생도구 출력 여부 지정
autoplay : 자동재생할지 여부 지정(모바일에서 적용 X)
loop : 반복재생여부 지정
width : 너비를 지정
height : 높이를 지정
※ 비디오 형식은 mp4
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<h3>볼 빨간 사춘기 - 좋다고 말해.mp3</h3>
<audio controls autoplay loop
src="audio/060.%EC%95%84%EC%9D%B4%EC%9C%A0%20-%20%EC%82%AC%EB%9E%91%EC%9D%B4%20%EC%9E%98%20(With%20%EC%98%A4%ED%98%81).mp3"></audio>
<h1>미생</h1>
<video width="320px" height="240px" controls src="video/%EB%AF%B8%EC%83%9D(%EB%AC%B8%EC%84%9C%EB%B3%B4%EC%95%88%20%EC%98%88%EC%8B%9C).mp4"></video>
</body>
</html>
'IT일반과목 > HTML5+CSS3' 카테고리의 다른 글
20180907 멀티미디어태그 (하이퍼링크 위아래위위아래 왔다갔다하기) (0) | 2018.09.07 |
---|---|
20180907 멀티미디어태그 (하이퍼링크 a태그) (0) | 2018.09.07 |
20180907 멀티미디어태그 (이미지의 부분마다 경로지정하기) (0) | 2018.09.07 |
20180907 학원수업 영역태그, 이미지삽입 등 (0) | 2018.09.07 |
20180906 (HTML 글자태그, HTML 목록태그,실습) (0) | 2018.09.06 |