생활코딩

Coding Everybody

코스 전체목록

닫기

이미지 - img

목적

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

예제

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

등장시기

html2

댓글

댓글 본문
  1. 김성곤
    20200712 감사합니다!
  2. 김준석
    완료
  3. 완료
  4. 굴렁이
    img="파일명.확장자"
    height="숫자" -> 높이
    width="숫자"->넓이
    alt="설명" -> 이미지가 안나올때 나오는 이미지 텍스트
    title="설명" -> 마우스커서를 이미지 위에 올렸을때 나오는 도움말 텍스트
  5. 김예훈
    완료
  6. 한강
    좋은 아침입니다.~~^^!
  7. 완료
  8. 열심히사는사람
    완료
  9. 스티븐잡숴
    완료
  10. 김선경
    2020-03-21 완료
  11. 1004wjds
    height는 100픽셀이란 뜻이 아니라 높이에요
    대화보기
    • 최강최고
      20/3월13일 완료
    • 이미지 태그 <img > 열린태그로만 사용 가능
      속성 src=이미지이름.jpg
      height=100픽셀
      width=200픽셀
      alt=깨졌을때 표시되는 이미지텍스트 alternativetext
      title=마우스포인터가 닿을 때 나오는 도움말 텍스트
    • sleepingbird
      사진 깨져서 나오시는 분들 이미지 저장하실때 img.jpg 대신 그냥 img로 저장하시면 화면 안깨집니다^^
    • Charlie Kwon
      사진이 전부깨져서 나오는건 사진이 문제가 있는건가요?
    • 2020.1.6 수업완료
    • 2020.01.02
    • 코딩의 코자도 몰라요
      coding의 c도 모르는 비전공자라 영상 여러번 곱씹어서 잘 보고 있어요~
    • 20191111수강완료
    • 이윤제
      생활코딩님 그 사진을 인터넷 화면 중간이나 다른곳에 만드는건
      안돼나요?
    • 류석현
      수강완료
    • 20190803 완료
    • 김세종
      2019-07-11 수강완료
    • 이수지
      이미지까지는 나오는데 사이즈 적용이 안되요..
    • 김주엽
      공부완료
    • 19.04.07 완료
    • 콩이
      20190222 완료 감사합니다
    • steal
      20190124 완료
    • 릴라야
      190111_완료
    • 미완성
      20190107완료
    • 김경모
      저놈이 src는 지금봐도 극혐임 절대경로와 상대경로는 볼 때마다 적용하기 힘드네요 특히 서버에 올릴 때는 더더욱이요
    • 김진욱
      완료!
    • Gihoon Pomme Ryu
      완료. 고맙습니다.
    • shcd
      clear
    • 김민영
      완료
    • 잘봤습니다. 매번 감사합니다.
    • clear
    • ㅅㅈㅎ
      감사합니다!!
    • SlowStarter
      감사합니다!
    • Hyeon Ju An
      alt 개념 확실히 알고 갑니다^^
    • Kain
      180118 감사합니다!
    • JN87
      171231 감사합니다!
    • 푸른하늘
      6
    • Migyeong Kang
      잘 들었습니다.
    • 바람과 나무
      감사합니다.
    • 서주희
      사진을 삽입할때 png 파일은 등록이 안되나요??
      다른 gif 파일 같은 거두요
      깨져서 나오네요
    • 이성준
      깜싸합니다
    • 오빠는다르다
      감사합니다_!!
    • 아이노바
      너무 감사합니다.
    • gridshim
      170829
      <img>태그는 안 닫아도 된다
      폭이나 넓이가 '비율대로 늘어날 수 있도록 하나만 이용?
      alt는 대안가능한! 이미지가 깨졌을 경우, alt 속성값으로 어떤 정보가 있는지 알려준다.
      title을 쓰면 이미지 위에 설명을 쓸 수 있다.
    버전 관리
    egoing
    현재 버전
    선택 버전
    graphittie 자세히 보기