HTML 수업

이미지 - img

목적

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

예제

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

등장시기

html2

댓글

댓글 본문
작성자
비밀번호
  1. 김선경
    2020-03-21 완료
  2. 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을 쓰면 이미지 위에 설명을 쓸 수 있다.
    • Ji-Hoon Lee
      170804 완료!
    • php가 첫취업?
      감사합니다
    • 14번째
      4.27.
    • 자바 입문자
      엑박 표시에 오른쪽 마우스 클릭하신 후 속성 확인해보세요.. 이미지 경로가 잘못돼서 그럴 수도 있어요. 엑박들은 대개 요청한 이미지 파일이 해당 경로에 없을 때 발생합니다.
      대화보기
      • 한가람
        철자 하나 안틀리고 그대로 다 했는데..
        jpg파일도 같은파일안에 넣구..
        엑박뜨는 이유가 뭘까요 ㅠㅠ
      • VVINKIM
        <img> 닫을 필요없다
        sec 속성 = 파일 이름
        width 속성 = 크기 변경 (폭) / height 속성 = 크기 변경 (높이) / 한가지의 값만 변경하게 되면 자동 변경 된다
        alt 속성 = 이미지가 깨지거나 사용할 수 없을 경우 alt의 값이 화면에 표시
        title 속성 = 툴팁을 통해 도움말 생성
      • 푸른하늘
        감사합니다
        170324
      • 무중력고양이
        170315 완료
      • Young Kwang Cho
        <a>는 콘텐츠에 링크를 연결하는 태그이고,
        <img>는 웹페이지에 이미지를 보여주는 태그입니다.

        두 태그는 태생이 다릅니다.

        <a>의 href속성으로 이미지의 경로를 넣더라도, 화면에는 이미지가 나타나지 않겠죠.
        <a>내용내용</a> 이처럼 <a>는 태그 사이에 콘텐츠가 들어가야 하고, 그 콘텐츠를 화면에 노출시키기 때문입니다.
        <img>는 src 속성으로 이미지 경로를 넣게 되면 해당 태그 위치에 이미지가 노출됩니다.
        (대부분의 태그들은 태그 사이에 콘텐츠를 넣고 그것을 노출시키지만 img나 input 처럼 몇몇 요소들은 태그 자체가 다른 콘텐츠로 치환되어 나타납니다. replacement tag 이렇게 표현했던것 같은데..정확히는 모르겠네요.)

        물론 <a href="이미지경로">이미지</a> 이렇게 하면 화면에는 이미지라는 텍스트가 노출되는데요. 그 '이미지' 텍스트를 클릭한다면, 이미지 경로로 페이지가 이동할건데요. 요즘 브라우저들은 매우 다양한 포맷을 지원하기 때문에 이미지가 나타날겁니다. 하지만 그건 내가 원하는 페이지에서 이미지 노출하는것이 아닌, 페이지를 이동하여 그냥 이미지 뷰어처럼 브라우저가 이미지를 보여주는것뿐입니다.
        대화보기
        버전 관리
        egoing
        현재 버전
        선택 버전
        graphittie 자세히 보기