이미지 image

html문서에 이미지 넣고싶을때 사용하는 태그를 배워보자.

태그 포맷은 다음과 같다.

<img src="#" alt=""/>

여기서 src = “이미지의 경로”가 들어간다.

그럼 alt는 무엇인가? 이는 alternative text의 약자로, 이미지 불러오기가 실패했을때 원본 이미지에 대한 설명 제공해 사용자게에 그나마 조금이라도 정보를 제공하기 위한 태그이다.

또한, 시각장애인들은 Screen reader라는 기능을 이용해 웹서핑을 하기도 함. 그런 사람들을 위해서라도 alt가 필요하다.

실습해보자.

아무 사진이나 링크 복사해서 넣으면 안된다…ㅋㅋ 자체적으로 보안 기능이 있나보다.

강의에서 제공되는 이미지를 올렸다.

<img src = "<https://bit.ly/2mvVsGI>" alt = "아무 사진" />

이런식으로 이미지가 올라간다.

위에서 말하는 경로는 url도 되고, 로컬 경로도 된다… 근데 로컬경로로 해놓는게 의미가 있을지 모르겠다. 내 로컬이 서버도 아닌데..

리스트Lists