HTML Image

이미지 삽입하기 <Img>태그

웹 문서에 이미지를 삽입할 때 가장 기본인 태그

• img 이미지

 

src 속성: source(소스파일)

• 이미지 파일의 경로를 지정
  >> 웹 브라우저에 알려주는 역할

다른 폴더 이미지

결과

다른 서버/웹사이트의 이미지

결과

alt 속성: alter(대체 텍스트)

화면 낭독기 등에서 이미지를 대신해서 읽어 줄 텍스트를 입력한다.

인터넷이 불안정하거나 이미지 파일 경로에 문제가 있을 시 alt속성 내용으로 대체된다.

 

width, height 속성

• width: 이미지의 너비 지정
• height: 이미지의 높이 지정
  >> width 혹은 height 중 1개만 지정해도 나머지 속성은 비율을 자동으로 계산
• 단위 : 퍼센트(%), 픽셀(px)

결과