생활코딩

Coding Everybody

이미지 - img

토픽 생활코딩 > 클라이언트 > HTML > HTML 수업

목적

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

예제

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

등장시기

html2

댓글

댓글 본문
  1. kdb5869
    태그
    img - 이미지 객체를 삽입할때 쓰는 태그

    속성
    src - 이미지 경로
    alt - 이미지 객체 설명(대체 텍스트)
    title - 툴팁

    24.04.22
  2. 마우스오른쪽버튼
    완료
  3. 굿모닝
    img 는 웹에 이미지 사진을 올릴 수 있게 도와주는 태그이다.
  4. 김돕희
    img 태그도 종료태그가 없는 빈 태그이다. width 는 이미지의 가로길이, height 는 이미지의 세로 길이이고, alt 는 사진을 불러올 수 없을 때를 대비해서 이 사진이 무엇인지 글로 쓰는 내용 같은거다. title 은 이미지에 마우스를 갖다놓았을 때 나오는 내용이다.
  5. 미래도비
    1.4
  6. JiHyun
    2023년 12월 15일 금요일 학습완료!
  7. JiHyun
    구글 앱스토어에 보면, 시각장애인들을 위한 Screen Reader 라는 확장 기능이 있습니다. 거기서 사용하는 것을 말하는 것입니다. 그거 말고도 시멘틱 마크업에 대해서도 구글에 한번 검색해서 더 깊게 공부하시는 것도 추천드립니다.
    대화보기
    • 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"