이미지 <img>
파일 주소는 src 속성으로 지정한다. 크기는 width와 height 속성으로 단위 없이 지정한다(물론 CSS로도 크기를 조절할 수 있다). 이미지에 대한 설명은 alt라는 속성을 사용한다.
<img src="...png" width="480" height="120" alt="만두 포스터">비디오 <video>
자동 재생을 하는 autoplay 속성, 음소거를 하는 muted, 조작하는 버튼들을 보여 주는 controls 속성이 있다. 특히 자동 재생은 불쾌감을 줄 수 있기 때문에 일부 브라우저에서는 반드시 muted와 함께 써야 동작한다는 점도 팁이다.
<video src="...mp4" width="480" height="120" autoplay muted controls alt="만두 굽는 영상"><video>autoplay는 크롬에선 동작하지 않지만 사파리에서는 작동한다는 사실도 알아두자오디오 <audio>
비디오와 똑같다.
<audio src="...mp3" autoplay controls alt="만두 굽는 소리"></audio>iframe <iframe>
인라인 프레임이라는 뜻으로, 다른 HTML 문서를 문서 안에 집어넣을 때 사용한다. src로 불러올 문서의 경로를 지정해주면 된다. 이미지, 비디오, 오디오랑 마찬가지로 크기를 width, height라는 속성으로 지정할 수 있다.
<iframe src="mandu.html" width="480" height="120"></iframe>다른 유튜브 영상이나 다른 사이트를 넣고 싶다면, <iframe>을 사용하면 가능하다!
