HTML 수업

이미지 - img

목적

문서에 이미지를 포함합니다.

예제

<html>
<body>
    <img src="img.jpg" height="300" alt="산 이미지" title="산 이미지">
</body>
</html>

등장시기

html2

댓글

댓글 본문
  1. Sansol Park
    시각 장애 사용자의 접근성 관점에서 가장 중요한 속성은 alt 속성입니다. 시각 장애를 가진 사용자가 사용하는 스크린 리더(보조 기술)는 alt 속성의 내용을 음성으로 읽어주므로, 이 사용자들이 이미지가 무엇을 나타내는지 이해할 수 있습니다. 이것은 이미지의 내용이나 의미를 파악할 수 없는 경우에도 이 사용자들이 웹 콘텐츠의 의미 있는 이해를 할 수 있도록 해줍니다. 상세하고 정확한 대체 텍스트를 제공하는 것은 웹 사이트와 디지털 콘텐츠를 보다 포괄적이고 다양한 사용자에게 접근 가능하게 만드는 데 필수적인 단계입니다.
    대화보기
    • Hyunji Oh
      궁금해서 회원가입해서 질문 드립니다. 시각장애인 가이드용인데 어떤 면에서 도움이 되는 걸까요? 똑같은 텍스트라서요.
    • 원지영
      원래 이미지 유지하며 배수로 조정 > width : "100"
      alternative taxt : 꼭 쓰기 (시각장애인 가이드용)
    • 다겸란
      감사합니다.
    • DreamBoy
      2023.09.06. HTML - 주요태그 - 이미지 - img 파트 완료했습니다.
    • HTML로 개발하는거 좋아해요
      12월9일 학습완료. 포기하지 않을게요
    • AgainstartJH
      2022년 11월 06일 화요일 학습완료!
    • yuyu
      220922
    • 헤밍웨이
      220822
    • vigorously27
      2022년 7월 9일 학습완료!
    • 이슬유치원
      22/6/20 비주얼스튜디오
    • eunbee
      22-05-04
    • G.I.R.O
      22.04.05 완료
    • 09년생개발자
      2022/3/20 쉽게 알려주셔서 감사해요
    • 만두먹이
      수강 완료여!
    • INJE
      22/03/04
    • jjy_lee2468
      21.12.27수강완료
    • syh712
      2021-12-17
      <img src="ramen.jpg" height="100" alt="일본라면">
    • 코딩혁명
      2021.11.12수강완료. 감사합니다.
    • 드림보이
      2021.11.04. 이미지 -img 태그 파트 수강완료
    • 정종헌
      아~~~ 됬당
    • 정종헌
      ㅜㅜ 왜 안되지요 .. 이미지가 초반부터 깨지는데요 ㅜㅜ
    • 황금아가리
      211002
    • 김큼이
      20210914완료
    • evian
      20210914 완료
    • overmatch
      20210821 완료
    • 두드
      2021.07.20 완료
    • 2021.07.16 완
    • 오뉴오뉴
      2021.6.5
    • barozaqu
      20210513.
    • GelandeWagen
      210510 ok
    • 역사단 보존서고지원병
      2021.04.14 완료
    • 짜rr
      감사히 잘봣습니다
    • yogg
      <img src="naver.jpg" width=200 alt="네이버로고" title="네이버로고">
      alt랑 title은 거의 안썼는데 한번 써봐야겠네영 ~
    • genie
      210217 완료
    • 전예진
      20.02.15 완료
    • 이서우
      확장자가 jpg 가 아닐수도,,,
      대화보기
      • Younghun Lee
        완료!
      • loveahav
        파일이름도 똑같이 저장하고 입력했는데
        사진이 계속 안뜨네요 ㅠㅠㅠㅠ
        사진도 이것저것 바꿔봤는데 계속 작은 네모만 나오고 ㅠㅠㅠㅠ
        컴퓨터, 사진파일, 코딩 1도 모르는데 혹시 아시는분은 알려주시면
        감사하겠습니다~
      • dypar
        2021-02-06
      • 이현수
        2021.02.02(화)
      • 임태경
        완료했어요 감사해요
      • 이오
        2012.1.31 감사합니다
        <img src="img.jpg" height="300" alt="산 이미지" title="산 이미지">

        widht="000"
      • Minint
        2021.01.27
      • 스마일가이
        2021.01.24.완료 감사합니다
      • 엘리심
        1/19 완료
      • 미뎡
        1/5
      • 201209
      • 김지원
        20.11.19
        -img태그는 닫을 필요 없음
        -src="" 큰따옴표안에 이미지파일이름 입력하면됨
        ex) <img src="0000.jpg">
        -사진크기를 width로 넓이 height로 높이를 지정할 수 있음
        -alt태그는 alternative text로 이미지가 깨질경우 화면에 글로 표시되는 것
        -title을 통해 이미지에 마우스를 올려놓았을때 글제목을 뜨게 할 수 있음
      • 켄드릭
        2020.10.28(수) 11:58 1차 학습완료
      버전 관리
      egoing
      현재 버전
      선택 버전
      graphittie 자세히 보기