HTML #4 - Multimedia Tag

ennakoidaΒ·2023λ…„ 5μ›” 24일
0

HTML

λͺ©λ‘ 보기
4/8

πŸ“ Multimedia Tag

λ©€ν‹°λ―Έλ””μ–΄ νƒœκ·Έμ—λŠ” 기본적으둜 img, video, audio νƒœκ·Έκ°€ μžˆλ‹€.
νƒœκ·Έλ“€μ€ κ³΅ν†΅μ μœΌλ‘œ width와 height둜 폭과 높이λ₯Ό 섀정해쀄 수 μžˆλ‹€.

이미지 νƒœκ·Έ

<img src="이미지 파일 경둜" alt="이미지λ₯Ό ν‘œμ‹œν•  수 없을 λ•Œ λŒ€μ‹  ν‘œμ‹œν•˜λŠ” λ¬Έμž₯">

<img> νƒœκ·ΈλŠ” λ³„λ„μ˜ μ’…λ£Œ νƒœκ·Έλ₯Ό μ‚¬μš©ν•˜μ§€ μ•ŠλŠ”λ‹€.
srcμ—λŠ” μ΄λ―Έμ§€μ˜ μ ˆλŒ€ κ²½λ‘œλ‚˜ μƒλŒ€ κ²½λ‘œκ°€ λ“€μ–΄κ°€κ²Œ λœλ‹€.

πŸ’‘ μ ˆλŒ€ 경둜 : 파일이 가진 κ³ μœ ν•œ 경둜
μƒλŒ€ 경둜 : ./ μ΄λ‚˜ ../ λ“±, ν˜„μž¬ λ””λ ‰ν† λ¦¬μ˜ μœ„μΉ˜λ₯Ό κΈ°μ€€μœΌλ‘œ μž‘μ„±λœ 경둜

altμ—λŠ” 이미지λ₯Ό ν‘œμ‹œν•  수 없을 λ•Œ (≓ μ•‘λ°•) λŒ€μ‹  λ‚˜νƒ€λ‚΄λŠ” λ¬Έμž₯을 적어쀀닀.


λ™μ˜μƒ νƒœκ·Έ

<video src="λ™μ˜μƒ 파일 경둜" (controls autoplay loop …)></video>

<video>λ₯Ό μ œμ–΄ν•˜λŠ” λ‹€λ₯Έ 속성듀을 κ°„λ‹¨ν•˜κ²Œ μ‚΄νŽ΄λ³΄μž. 이 속성듀은 μƒλž΅ κ°€λŠ₯ν•˜λ‹€.
controlsλŠ” λ™μ˜μƒ / μ˜€λ””μ˜€μ˜ μ»¨λ“œλ‘€ λ°”λ₯Ό λˆˆμ— 보이도둝 ν•΄μ£ΌλŠ” 속성이닀.
autoplayλŠ” μžλ™ μž¬μƒ, loopλŠ” 반볡 μž¬μƒμ„ λœ»ν•˜λŠ” 속성이닀.
외에도 λ‹€μ–‘ν•œ 속성이 μ‘΄μž¬ν•œλ‹€.


μ˜€λ””μ˜€ νƒœκ·Έ

<audio src="μ˜€λ””μ˜€ 파일 경둜" (controls autoplay loop …)></audio>

<audio>도 <video>와 λΉ„μŠ·ν•˜κ²Œ λ‹€μ–‘ν•œ 속성듀이 μ‘΄μž¬ν•œλ‹€.


pdf λ‘œλ“œν•˜κΈ°

<object data="파일 경둜" type="파일 νƒ€μž…"></object>

<object>λŠ” data μ†μ„±μ΄λ‚˜ type 속성 쀑 ν•˜λ‚˜λŠ” λ°˜λ“œμ‹œ λͺ…μ‹œν•΄μ•Ό ν•œλ‹€.
pdf νŒŒμΌμ„ λ‘œλ“œν•˜κΈ° μœ„ν•΄μ„œλŠ” data 속성에 λ‘œλ“œν•  pdf 파일의 μ£Όμ†Œλ₯Ό κΈ°μž…ν•˜κ±°λ‚˜, type 속성에 application/pdfλ₯Ό κΈ°μž…ν•˜λ©΄ λœλ‹€.

0개의 λŒ“κΈ€