목록이미지 (3)
컴공생의 다이어리
[HTML] img 태그 이미지 로드 실패시 대체(디폴트) 이미지 img 태그로 src 이미지 로드에 실패한다면 엑스 박스가 나오는데 따로 처리해주지 않는 이상 alt 속성에 넣은 텍스트를 보여준다. 이미지 로드 실패에 대해 대체 이미지를 적용한다거나 이미지를 숨기는 방법을 사용할 수 있다. 이 글에서 2가지 방법에 대해 짧게 정리해보려고 한다. 대체 이미지 onerror 속성에 대체이미지 경로를 아래와 같이 넣어주면 된다. 이미지 숨기기 onerror 속성에 아래와 같이 this.style.display='none'으로 설정을 하면 이미지 로드 실패시 이미지를 숨긴다. https://pingfanzhilu.tistory.com/entry/HTML-img-%ED%83%9C%EA%B7%B8-%EB%8C%8..
Markdown 이미지 삽입 마크다운 문서에 이미지를 삽입하는 방법에는 두가지 있다. 하나는 마크다운 형식이 있고 다른 하나는 html의 태그 형식이 있다. 아래는 마크다운 형식의 이미지 삽입 방식이다. 이경우 이미지의 크기를 조절할 수 없다는 단점이 있다. ![이미지 이름](이미지 URL) ![pooh](https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQW0Z94iqO01RBz7uaesVFC5hG-J4y-ldNCHg&usqp=CAU) 아래의 경우는 html의 img 태그를 사용하는 방식이다. width와 height 속성을 사용하여 이미지 크기를 조절할 수 있다. 이미지 크기를 지정하고 싶은 경우 이 방법을 사용하는 것을 추천한다. https://cute..