image 태그(#10)

이미지 태그 형식입니다

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

src = source

alt = alternative text

 

이미지 파일을 브라우저에게 전달 해줘야 할 때 src="" 내에서 전달 해줍니다

 

alt는 대체 텍스트라는 뜻을 가집니다

이미지의 대안을 나타냅니다 사과를 물고 있는 강아지 사진 이미지 값을 src="" 내에 저장 하였을 때 alt=""에 "사과를 물고 있는 강아지" 라고 표기하면 네트워크가 느리거나, 특정 상황에 이미지 대신 보여주게 됩니다

우리는 이미지가 보이지 않는 환경을 가지고 있는 사용자를 위해 이미지에 대한 최소한의 정보를 제공할 의무가 있다고 합니다

이 때 사용하는 것이 alt 속성입니다

*시각 장애인을 위해 구글을 비롯한 여러 사이트에서는 이미지 클릭 시 alt 속성에 넣어놓은 텍스트 내용을 음성으로 들을 수 있게끔 지원하고 있습니다

 

image는 img 태그로 사용하며 절대경로와 상대경로가 있습니다

절대경로는 외부 주소를 이용 합니다 왼쪽 이미지 처럼 우클릭하여 이미지 주소를 복사하고 사용할 수 있습니다

혹은 클라우드를 사용하여 주소를 가져올 수도 있습니다

1	<img src="https://blog.hmgjournal.com/images_n/contents/170719_cat01.png" alt="">

절대경로

상대경로는 폴더 내에 이미지를 저장한 후에 경로를 입력하여 사용합니다

1	<img src="./images/cat.png" alt="">