목적
문서에 이미지를 포함합니다.
예제
<html>
<body>
<img src="img.jpg" height="300" alt="산 이미지" title="산 이미지">
</body>
</html>
등장시기
html2
HTML 수업
댓글
-
태그
img - 이미지 객체를 삽입할때 쓰는 태그
속성
src - 이미지 경로
alt - 이미지 객체 설명(대체 텍스트)
title - 툴팁
24.04.22 -
완료
-
img 는 웹에 이미지 사진을 올릴 수 있게 도와주는 태그이다.
-
img 태그도 종료태그가 없는 빈 태그이다. width 는 이미지의 가로길이, height 는 이미지의 세로 길이이고, alt 는 사진을 불러올 수 없을 때를 대비해서 이 사진이 무엇인지 글로 쓰는 내용 같은거다. title 은 이미지에 마우스를 갖다놓았을 때 나오는 내용이다.
-
1.4
-
2023년 12월 15일 금요일 학습완료!
-
구글 앱스토어에 보면, 시각장애인들을 위한 Screen Reader 라는 확장 기능이 있습니다. 거기서 사용하는 것을 말하는 것입니다. 그거 말고도 시멘틱 마크업에 대해서도 구글에 한번 검색해서 더 깊게 공부하시는 것도 추천드립니다.
-
시각 장애 사용자의 접근성 관점에서 가장 중요한 속성은 alt 속성입니다. 시각 장애를 가진 사용자가 사용하는 스크린 리더(보조 기술)는 alt 속성의 내용을 음성으로 읽어주므로, 이 사용자들이 이미지가 무엇을 나타내는지 이해할 수 있습니다. 이것은 이미지의 내용이나 의미를 파악할 수 없는 경우에도 이 사용자들이 웹 콘텐츠의 의미 있는 이해를 할 수 있도록 해줍니다. 상세하고 정확한 대체 텍스트를 제공하는 것은 웹 사이트와 디지털 콘텐츠를 보다 포괄적이고 다양한 사용자에게 접근 가능하게 만드는 데 필수적인 단계입니다. -
궁금해서 회원가입해서 질문 드립니다. 시각장애인 가이드용인데 어떤 면에서 도움이 되는 걸까요? 똑같은 텍스트라서요. -
원래 이미지 유지하며 배수로 조정 > width : "100"
alternative taxt : 꼭 쓰기 (시각장애인 가이드용) -
감사합니다.
-
2023.09.06. HTML - 주요태그 - 이미지 - img 파트 완료했습니다. -
12월9일 학습완료. 포기하지 않을게요
-
2022년 11월 06일 화요일 학습완료!
-
220922
-
220822 -
2022년 7월 9일 학습완료!
-
22/6/20 비주얼스튜디오
-
22-05-04
-
22.04.05 완료 -
2022/3/20 쉽게 알려주셔서 감사해요 -
수강 완료여!
-
22/03/04
-
21.12.27수강완료
-
2021-12-17
<img src="ramen.jpg" height="100" alt="일본라면"> -
2021.11.12수강완료. 감사합니다.
-
2021.11.04. 이미지 -img 태그 파트 수강완료 -
아~~~ 됬당 -
ㅜㅜ 왜 안되지요 .. 이미지가 초반부터 깨지는데요 ㅜㅜ
-
211002
-
20210914완료
-
20210914 완료
-
20210821 완료
-
2021.07.20 완료 -
2021.07.16 완
-
2021.6.5
-
20210513.
-
210510 ok
-
2021.04.14 완료
-
감사히 잘봣습니다
-
<img src="naver.jpg" width=200 alt="네이버로고" title="네이버로고">
alt랑 title은 거의 안썼는데 한번 써봐야겠네영 ~ -
210217 완료
-
20.02.15 완료 -
확장자가 jpg 가 아닐수도,,,
-
완료! -
파일이름도 똑같이 저장하고 입력했는데
사진이 계속 안뜨네요 ㅠㅠㅠㅠ
사진도 이것저것 바꿔봤는데 계속 작은 네모만 나오고 ㅠㅠㅠㅠ
컴퓨터, 사진파일, 코딩 1도 모르는데 혹시 아시는분은 알려주시면
감사하겠습니다~ -
2021-02-06
-
2021.02.02(화) -
완료했어요 감사해요 -
2012.1.31 감사합니다
<img src="img.jpg" height="300" alt="산 이미지" title="산 이미지">
widht="000"
