35. 멀티미디어 태그

hanahana·2022년 8월 1일
0

HTMLCSS-학원수강

목록 보기
6/18
post-thumbnail
<h1>이미지 태그</h1>
    <img src="./img/cat-640.jpg" alt="고양이 사진" width="500" height="400"><br>
    <img src="https://github.com/hana78786/Study_hana/blob/master/2022_06_dev/frontworkspace/FRONT_HTML_CSS/WebContent/html/img/flowers-g1c59850d9_640.jpg?raw=true" alt="">
    <h1>음악태그</h1>
    <audio src="./mp3/01-Beethoven-Piano_Sonata_No32_op111-Michelangeli1962-Track01.mp3" controls></audio>
    <h1>동영상태그</h1>
    <video src="./mp4/개구리.mp4" width="400" height="400" controls></video>
  • alt로 이미지 설명을 추가할수있다.
  • 같은 경로에 있는 파일이나 외부 링크 파일을 넣을수있다.
  • 음악, 비디오등을 삽입할수있다
  • 크기를 지정할수 있다 width 가로 height 세로
  • controls를 입력하여 멀티미디어를 조종할 컨트롤러를 삽입할수있다.

실행결과 : aj멀티미디어 태그 (hana78786.github.io)

MBN

태그에 관련된 내용을 알아볼때 참고하자

: 비디오 삽입 요소 - HTML: Hypertext Markup Language | MDN (mozilla.org)

profile
hello world

0개의 댓글