[html 6.] html에 이미지, 동영상, iframe 넣는 방법 (+유튜브영상 퍼오기)

[html 6.] html에 이미지, 동영상, iframe 넣는 방법 (+유튜브영상 퍼오기)

1. 이미지 넣기 (img 태그) html에 이미지 넣을 때는 img 태그 사용 ** src ="경로" ** alt ="대체텍스트" <body> <img src="images/naver.png" alt="네이버로고"> </body> Q. 대체텍스트는 왜 작성하는건가요? - 이미지 설명 - 스크린 리더 등 시각장애 있는 사용자 지원 - 검색 엔진 (alt 텍스트를 통해 이미지 검색결과 반영) - 로딩 실패 대체 (이미지 로드 안될 경우 텍스트 보임) 2. 비디오 넣기 (video 태그) html에 비디오 넣을 때 video 태그 사용 ** src = "경로" ** controls (재생하는 버튼) ** autoplay (자동재생) ** muted (음소거) ** poster = "경로(썸네일)" <body> <video src="video/pooh.mp4" controls autoplay muted poster="images/poster.png"></video> </body> Q. 왜...

#htmlimg #youtubeiframe #iframe #html이미지크기 #html이미지삽입 #html유튜브영상 #html유튜브공유 #html영상가져오기 #html동영상크기 #html동영상삽입 #유튜브iframe

원문링크 : [html 6.] html에 이미지, 동영상, iframe 넣는 방법 (+유튜브영상 퍼오기)

 등록된 다른 글

[css 10.] 부드러운 효과주는 transition 작성법, 주의사항

[공유] 일러스트 정리

[css 3.] 다양한 단위 설정하기 - px, %, em, rem, vw, vh

[html 7.] html에 form 작성하기 (input, select, form 관련 속성 설정)

[css 7.] float 으로 요소 배치하기 - clear 이유

[웹디자인기능사] 실기 유형별 정리 & 실기문제 다운로드

**html) block, inline 요소 완벽 정리 + 속성 변경

[html 4.] html 목록 태그 작성하기 (ul, ol, li, 중첩 ul 구조 파악하기)