Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- pug
- node.js
- heroku
- 자바스크립트
- MongoDB
- CLONE
- TypeScript
- javscript
- frontend
- graphQL
- Mongoose
- backend
- Session
- DART
- react
- ES6
- ECMAScript
- GRID
- form
- clonecoding
- NextJs
- Flutter
- 리액트
- Component
- JavaScript
- nodejs
- CSS
- express
- API
- HTML
Archives
- Today
- Total
Enjoy Programming
img, audio등 멀티미디어 지원 태그 본문
페이지에 이미지 삽입시 img태그를 이용하자
attribute는 src : 이미지 파일 경로 alt : 이미지 파일이 null일경우 표시 되는 텍스트 width : 이미지 너비 height : 이미지 높이
사운드 관련 삽입시 autido 태그
attribute는
src: 경로 , preload : 재생 전에 파일을 모두 불러올지 지정 , autoplay : 자동 재생 , loop : 반복 , controls : 재생도구 표시
브라우저 별로 지원하는 음악파일 형식이 다르니 꼭 확인하자.
영상 삽입시 video태그를 쓰자
attribute
src: path , poster : 준비중 표시될 이미지 파일 경로, preload : 재생 전에 동영상 파일을 모두 불러들일지 결정
autoplay : 자동재생, loop : 반복, controls : 재생도구 표시, width, height등이 있다.
audio와 마찬가지로 브라우저마다 지원 형식이 다르다.
'HTML' 카테고리의 다른 글
데이터 속성 사용하기 (0) | 2021.05.09 |
---|---|
FORM tag **** (0) | 2021.04.09 |
List 표현을 위한 태그 (0) | 2021.04.09 |
Hyperlink tag (0) | 2021.04.09 |
TEXT Tag (0) | 2021.04.09 |