728x90
이미지 <img>
파일 주소는 src 속성으로 지정합니다. 크기는 width와 height 속성으로 단위 없이 지정합니다(물론 CSS로도 크기를 조절할 수 있습니다). 이미지에 대한 설명은 alt라는 속성을 사용합니다.
<img src="poster.jpg" width="750" height="530" alt="영화 명량 포스터">
비디오 <video>
파일 주소는 src 속성으로 지정합니다. 크기는 width와 height 속성으로 단위 없이 지정합니다(물론 CSS로도 크기를 조절할 수 있습니다). 그 외에 자동 재생을 하는 autoplay 속성, 음소거를 하는 muted, 조작하는 버튼들을 보여 주는 controls 속성이 있습니다. 특히 자동 재생은 불쾌감을 줄 수 있기 때문에 일부 브라우저에서는 반드시 muted와 함께 써야 동작한다는 점도 팁으로 알아 둡시다.
<video autoplay muted controls src="trailer.mp4" width="750" height="530">
</video>
오디오 <audio>
파일 주소는 src 속성으로 지정합니다. 자동 재생을 하는 autoplay 그리고 조작하는 버튼들을 보여 주는 controls 속성이 있습니다.
<audio autoplay controls src="intro.mp3">
</audio>
iframe <iframe>
인라인 프레임이라는 뜻으로, 다른 HTML 문서를 문서 안에 집어넣을 때 사용합니다. src로 불러올 문서의 경로를 지정해주면 됩니다. 이미지, 비디오, 오디오랑 마찬가지로 크기를 width, height라는 속성으로 지정할 수 있습니다.
<iframe src="banner.html" width="750" height="135">
</iframe>
728x90
'HTML' 카테고리의 다른 글
HTML 인풋의 여러가지 타입 (0) | 2023.10.20 |
---|---|
HTML 폼을 전송하는 폼 태그 두 가지 속성 (0) | 2023.10.20 |
HTML 테이블 문법 정리 (0) | 2023.10.19 |
HTML 순서(목록) 리스트 정리 방법 (0) | 2023.10.19 |
HTML에서 쓰는 다양한 태그들 (1) | 2023.10.19 |