<img src="(이미지 파일 경로)" alt="(대체 텍스트)" title="(툴팁 텍스트)">

src 속성

• 상대 경로 사용 시 프로젝트 내부 폴더에 이미지 파일을 생성해야 이미지 삽입이 가능해진다. html 파일의 상위 폴더와 img 파일의 상위 폴더가 다를 경우 상대 경로 지정 시

  ..

  와 같은 방법으로 현재 html 폴더의 상위 폴더에서 나간 다음에 상대 경로를 지정해 줘야 한다

width와 height 속성

• 너비와 높이 중 한 가지의 속성만 지정할 때는 본래 이미지의 비율에 맞게 알아서 조정되어지지만 두 속성에 강제로 수를 지정할 경우에는 비율이 깨지게 된다

무료 이미지 사이트

• 👉 Pixabay
• 👉 Unsplash