1. 이미지 넣기 (img 태그) html에 이미지 넣을 때는 img 태그 사용 ** src ="경로" ** alt ="대체텍스트" Q.
대체텍스트는 왜 작성하는건가요? - 이미지 설명 - 스크린 리더 등 시각장애 있는 사용자 지원 - 검색 엔진 (alt 텍스트를 통해 이미지 검색결과 반영) - 로딩 실패 대체 (이미지 로드 안될 경우 텍스트 보임) 2.
비디오 넣기 (video 태그) html에 비디오 넣을 때 video 태그 사용 ** src = "경로" ** controls (재생하는 버튼) ** autoplay (자동재생) ** muted (음소거) ** poster = "경로(썸네일)" Q. 왜...
![[html 6.] html에 이미지, 동영상, iframe 넣는 방법 (+유튜브영상 퍼오기)](https://mblogthumb-phinf.pstatic.net/MjAyNDA0MTZfMjIw/MDAxNzEzMTk2MTQ2MDQy.20LtMONlCj1-1q4dFxXUbUHiADZcGsKGrMRi6vJICAIg.OfDYzNpOYcyZSJVRRusbJp2pdZGp3sJRygNTRPgdx1Ig.JPEG/%C1%A6%B8%F1%C0%BB_%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB-010.jpg?type=w2)
#
htmlimg
#
youtubeiframe
#
iframe
#
html이미지크기
#
html이미지삽입
#
html유튜브영상
#
html유튜브공유
#
html영상가져오기
#
html동영상크기
#
html동영상삽입
#
유튜브iframe
![[ITQ] 아이티큐 엑셀 핵심정리 + 단축키](https://mblogthumb-phinf.pstatic.net/MjAyNDA1MjFfMjUw/MDAxNzE2MzAzMDIyNDc3.idekhCar3b4XLwoM0DdXYOK9deBbE1WYjKQ-ptInFxMg.w8HpLW2JY-Jo6AffeDU8nxKjH_NplFjCO-Vfjd5oSDkg.JPEG/%C1%A6%B8%F1%C0%BB-%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB-_1_-005.jpg?type=w2)
![[포토샵 5.] 레이어 블렌딩모드 효과주기](https://mblogthumb-phinf.pstatic.net/MjAyNDA5MjBfNzcg/MDAxNzI2ODAzODMzNzg1.AW25lCdTeApNIqDpq87zXmmxSyJHRRBo4fzkiAmf-U0g.MmK6j2wUYOcPQkXkL6FAjOJNqAAp8w--uxhHOEcMZS4g.JPEG/%BD%E6%B3%D7%C0%CF-015.jpg?type=w2)
![[css 효과5.] 이미지, 배경 필터 효과 설정하기 (filter, backdrop-filter)](https://mblogthumb-phinf.pstatic.net/MjAyNDA2MThfNTcg/MDAxNzE4NjgxODM5Nzg0.hU8LUHmMlUdml0WYd30uLH3FAc3zYsibJImU-Yu9qE8g.M5QKyeyMujO-I83R6euDFywOE7G0sASsJWHgREPSW98g.JPEG/%C1%A6%B8%F1%C0%BB_%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB-031.jpg?type=w2)
![[웹디자인기능사] 실기 유형별 정리 - popup](https://mblogthumb-phinf.pstatic.net/MjAyNDA3MTlfMTcz/MDAxNzIxMzc0Mzg4MjY2.eB5xSHsAHAX5tbPD1r7ciTn9K5_q97p1wBYWsMqvk0Qg.RL-xUbKgMYT6Tg_xw2xNoGP4carrol5r7KoU8s6z5yMg.JPEG/%BD%E6%B3%D7%C0%CF-009.jpg?type=w2)
![[컴퓨터활용능력] 컴활 2급 실기 핵심정리](https://mblogthumb-phinf.pstatic.net/MjAyNDA2MjBfMTM4/MDAxNzE4ODk0MTg2ODk3.fnPeCBVhRDeM6SQElBzdSmjVdYY5Mu-5r2ASf0HZBFMg.BpM1kAJ6iH7OwFO2FFOKeAVbQ-gu3nQZukRtyOgdLeMg.JPEG/%C1%A6%B8%F1%C0%BB-%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB-_1_-017.jpg?type=w2)
![[ITQ] 아이티큐 파워포인트 핵심정리 + 단축키](https://mblogthumb-phinf.pstatic.net/MjAyNDA1MjFfMTU3/MDAxNzE2MjUxMTk5OTY4.oJJl2nSceLU4teAOMRv1TZ7HwdOoO0fdzA5RJ-1M-LAg.eOZh-P2ZL0S2_2XmNkv-RzDr1-OQACVoTBRg7_ZFOjUg.JPEG/%C1%A6%B8%F1%C0%BB-%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB-_1_-004.jpg?type=w2)