728x90
반응형
ㄱ.이미지 태그
| 태그 | 속성 | 설명 |
| IMG태그 | src | 이미지 경로 |
| alt | 이미지 없을 때 나오는 글자 | |
| width | 이미지 너비 | |
| height | 이미지 높이 |
<body>
<img src="cat.jpg" alt="고양이" width="300">
<img src="Nothing" alt="그림이 존재하지 않음" width="300">
</body>
ㄴ.오디오 태그
<body>
<!-- 음악삽입 -->
<audio src="Kalimba.mp3" controls="controls"></audio>
<!-- 웹브라우저 제약 없이 음악삽입 -->
<audio controls="controls">
<source scr="Kalimba.mp3" type="audio/mp3">
<source scr="Kalimba.ogg" type="audio/ogg">
</audio>
</body>
ㄷ.동영상 태그
poster : 동영상을 불러오는 동안 다른 이미지를 보여줌
<body>
<video controls="controls" poster="http://placehold.it/640x360">
<source src="Wildlife.mp4" type="video/mp4">
<source src="Wildlife.webm" type="video/webm">
</video>
</body>
728x90
반응형
'HTML／CSS／JS' 카테고리의 다른 글
| [HTML5] 06. div, span, 시맨틱태그 (0) | 2022.10.17 |
|---|---|
| [HTML5] 05. 입력 양식 태그 (input,label,select,multiple,optgroup) (0) | 2022.10.14 |
| [HTML5] 03.테이블 태그 (table,tr,th,td,colspan,rowspan) (0) | 2022.10.13 |
| [HTML5] 02.목록태그 (list,ul,ol,li) (0) | 2022.10.13 |
| [HTML5] 01.글자태그 (h1,a href) (0) | 2022.10.13 |
