프로트엔드 개발을 위한 HTML 학습하기

이미지 태그

html503_04

html503_05

html503_06

학습목표

  • 문서에 이미지 삽입에 대해 살펴볼 수 있다.
  • 이미지 파일 포맷에 대해 이해할 수 있다.
  • 대체 이미지 사용방법에 대해 배울 수 있다.
  • 이미지 경로 설정 방법을 배울 수 있다.

학습안내



팁: placehold.it

placehold.it는 원하는 크기의 아미지를 제공해주는 샤0|트입니다.

http//placehold.it/너비x높이 형식을 사용하면 손쉽게 원하는 크가의 이미지를 얻을 수 있습니다.

학습정리


이번 시간에는 다음과 같은 내용을 학습하였습니다.

  • 웹 문서와 이미지
  • 이미지 삽입
  • 상대경로와 절대 경로