HTML 수업

이미지 - img

목적

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

예제

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

등장시기

html2

댓글

댓글 본문
  1. 짜rr
    감사히 잘봣습니다
  2. yogg
    <img src="naver.jpg" width=200 alt="네이버로고" title="네이버로고">
    alt랑 title은 거의 안썼는데 한번 써봐야겠네영 ~
  3. 210217 완료
  4. 전예진
    20.02.15 완료
  5. 이서우
    확장자가 jpg 가 아닐수도,,,
    대화보기
    • Younghun Lee
      완료!
    • loveahav
      파일이름도 똑같이 저장하고 입력했는데
      사진이 계속 안뜨네요 ㅠㅠㅠㅠ
      사진도 이것저것 바꿔봤는데 계속 작은 네모만 나오고 ㅠㅠㅠㅠ
      컴퓨터, 사진파일, 코딩 1도 모르는데 혹시 아시는분은 알려주시면
      감사하겠습니다~
    • 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차 학습완료
    • 만듀
      1027
    • 10/21
    • 1stclasscitizen
      2020.10.21
    • 오석민
      완료
    • adventist21
      20200928 완성!
    • 배고프다
      완료
    • wndals20
      20.09.17 이번 수업도 잘 들었습니다. 감사합니다!
    • 여니여니
      20200908 감사합니다~
      <.. alt="잊지 않을게요.">
    • 김성곤
      20200712 감사합니다!
    • 김준석
      완료
    • 완료
    • 굴렁이
      img="파일명.확장자"
      height="숫자" -> 높이
      width="숫자"->넓이
      alt="설명" -> 이미지가 안나올때 나오는 이미지 텍스트
      title="설명" -> 마우스커서를 이미지 위에 올렸을때 나오는 도움말 텍스트
    • 김예훈
      완료
    • 한강
      좋은 아침입니다.~~^^!
    • 완료
    • 열심히사는사람
      완료
    • 스티븐잡숴
      완료
    • 김선경
      2020-03-21 완료
    • 1004wjds
      height는 100픽셀이란 뜻이 아니라 높이에요
      대화보기
      • 최강최고
        20/3월13일 완료
      • 이미지 태그 <img > 열린태그로만 사용 가능
        속성 src=이미지이름.jpg
        height=100픽셀
        width=200픽셀
        alt=깨졌을때 표시되는 이미지텍스트 alternativetext
        title=마우스포인터가 닿을 때 나오는 도움말 텍스트
      • sleepingbird
        사진 깨져서 나오시는 분들 이미지 저장하실때 img.jpg 대신 그냥 img로 저장하시면 화면 안깨집니다^^
      • Charlie Kwon
        사진이 전부깨져서 나오는건 사진이 문제가 있는건가요?
      • OPPER
        2020.1.6 수업완료
      • Blanc
        2020.01.02
      • 코딩의 코자도 몰라요
        coding의 c도 모르는 비전공자라 영상 여러번 곱씹어서 잘 보고 있어요~
      • BCITS
        20191111수강완료
      • 이윤제
        생활코딩님 그 사진을 인터넷 화면 중간이나 다른곳에 만드는건
        안돼나요?
      • 류석현
        수강완료
      • FIRE
        20190803 완료
      • 김세종
        2019-07-11 수강완료
      • 이수지
        이미지까지는 나오는데 사이즈 적용이 안되요..
      버전 관리
      egoing
      현재 버전
      선택 버전
      graphittie 자세히 보기