반응형
250x250
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 | 31 |
Tags
- 로지스틱회귀
- 메소드
- 선형회귀
- sql연습문제
- 코딩
- 코드잇 TIL
- numpy
- 코딩독학
- 코드잇
- 결정트리
- 오늘도코드잇
- 파이썬
- 판다스
- CSS
- 서브쿼리
- 코드잇TIL
- 코딩공부
- pandas
- 윈도우함수
- 머신러닝
- 나혼자코딩
- 데이터분석
- for반복문
- 행렬
- 경사하강법
- SQL
- HTML
- 다항회귀
- matplotlib
- Seaborn
Archives
- Today
- Total
Coding Diary.
(HTML코딩일기) 이미지, 비디오, 오디오, iframe 넣기 본문
728x90
반응형
1. 이미지 <img>
파일 주소는 src 속성으로 지정합니다. 크기는 width와 height 속성으로 단위 없이 지정합니다. (CSS로도 크기를 지정할 수 있습니다.) 이미지에 대한 설명은 alt 라는 속성을 사용합니다.
<img src="poster.jpg" width="750" height="530" alt="영화 포스터">
2. 비디오 <video>
파일 주소는 src 속성으로 지정합니다. 크기는 width와 height 속성으로 단위 없이 지정합니다. (CSS로도 크기를 조절할 수 있습니다.) 그 외에 자동 재생을 하는 autoplay 속성, 음소거를 하는 muted, 조작하는 버튼들을 보여누는 controls 속성이 있습니다. 특히 자동 재생은 불쾌감을 줄 수 있기 때문에 크롬 브라우저에서는 반드시 muted와 함께 써야합니다.
<video autoplay muted controls src="trailer.mp4" width="750" height="530"></video>
3. 오디오 <audio>
파일 주소는 src 속성으로 지정합니다. 자동 재생을 하는 autoplay, 조작하는 버튼들을 보여 주는 controls 속성이 있습니다.
<audio autoplay controls src="intro.mp3"></audio>
4. iframe <iframe>
인라인 프레임이라는 뜻으로 다른 HTML 문서를 문서 안에 집어넣을 때 사용합니다. src로 불러올 문서의 경로를 지정해주면 됩니다. 이미지, 비디오, 오디오랑 마찬가지로 크기를 width, height 라는 속성으로 지정할 수 있습니다.
<iframe src="banner.html" width="750" height="135"></iframe>
728x90
반응형
'Coding > HTML&CSS' 카테고리의 다른 글
(HTML코딩일기) 유용한 인풋 태그 속성 (0) | 2023.09.08 |
---|---|
(HTML코딩일기) 여러 가지 인풋 (0) | 2023.09.01 |
(HTML코딩일기) 테이블 정리 (0) | 2023.08.28 |
(HTML코딩일기) 리스트 정리 (0) | 2023.08.28 |
(HTML코딩일기) 자주 쓰는 텍스트 태그 (0) | 2023.08.24 |