Dongi_coding 동기_코딩

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

안녕하세요 동기 여러분! 오늘은 이미지를 감싸는 태그에 대해 알아봅시다! Figure and Figcaption 추가 정보를 넣기 위해 저번 시간에 태그에 대해서 배웠습니다. 그런데 만약 이미지나 일러스트를 넣고 싶을 때는 어떻게 해야할까요? 태그 안에는 이미지나 일러스트, 다이어그램, 코드 블럭 등등이 들어갑니다. 의 생김새 태그는 이미지의 설명을 붙여주기 위한 요소입니다. 이미지의 설명을 로 적어놨다면 의 위치를 옮겨야 할 때 가 나오지 않는 경우가 발생할 수 있습니다. 하지만 태그를 사용해 이미지 설명을 붙여 놓는다면 붙었기 때문에 따라갑니닿ㅎ 의 생김새 여기에 이미지 설명 태그 속으로 넣어주시면 됩니다! 예 동기 코딩 홈 목록 연락처 동기 코딩은 운동을 좋아하려고 매일 하는 사람 요리를 살기위해 ..