Dongi_coding 동기_코딩

안녕하세요 동기 여러분! 오늘도 복습한다 생각하고 이미지와 비디오 추가 방법 빠르게 알아봅시다! Image Video 예 이미지 마블 코믹스 유니버스 1.히어로 가모라 개리슨 케인 갬빗 게이트웨이 건틀릿 고스트 라이더 그래비티 기본 HTML에서 배운 모든 것을 때려 박아 넣었습니다. 태그를 사용해 이미지를 분리시켜주고 태그를 태그로 감싸서 이미지의 설명으로 붙게 만들었습니다. alt도 잊지 않고 사용해주어 사용자들이 검색을 할 때 SEO에 걸리게끔 유도하여 검색 노출빈도를 올려 주었습니다. 가모라 사진을 가져올 때 크기가 너무 커서 style을 적용하여 크기를 적당하게 줄여 주었습니다. 아래는 실행 화면입니다. 비디오 비디오는 위에 소개한 방법보다 아래의 방법을 더 많이 씁니다. (Youtube 기준) ..

안녕하세요 동기 여러분! 오늘은 비디오 넣는 방법에 대해 알아봅시다! Video 태그와 쓸 수 있는 속성들 controls : 재생/일시정지 버튼이 생기고 소리 크게 작게 버튼과 전체 화면 버튼이 생김 autoplay : 사용자가 페이지를 로드하면 바아로 빠구 없이 재생이 시작됨 loop : 반복 재생됨 생김새 영상이 안나오시는군요? src 에는 동영상 파일 이름 또는 URL 넣어 주면 됩니다. controls는 속성입니다. 태그 사이에는 동영사이 나오지 않을 시 뜨는 문구를 설정해줄 수 있습니다. Embed 태그는 HTML5부터 공식적으로 지원하고 있는 태그입니다. 그래서 적용이 안 되는 브라우저가 있을 수 있습니다. 이 친구의 기능은 모든 미디어를 끌어올 수 있다는 장점이 있습니다. (예 : vide..