html 이미지 삽입 방법

 

 

이번에는 <img>태그와 src속성을 사용해서 HTML에 이미지를 삽입해 보겠습니다. 

 

 

 

Image Insertion Example

 

---

 

원래는 이미지가 표현되어야 하지만 그냥 예시라 이미지 표시만 나왔습니다. ^^

 

이미지를 넣을 때는 <img>태그를 사용합니다. src속성은 이미지의 소스나 URL을 지정합니다. 

따라서 < img src=" 이미지주소 ">의 형태로 사용합니다. 

 

이미지에 대한 텍스트를 제공하기 위해 alt속성도 추가해 줍니다. 간략하고 설명적인 텍스트를 넣어주는 것이 좋습니다.

 

※ 텍스트 추가시 주의점

 - 설명적이지만 간결하게! 중요한 정보!! 중복되거나 관련없는 정보는 피할 것!!!

 

여기서 TIP

 

이미지에도 URL주소가 생기기 위해서는 어딘가에 올려져야 하는데요. 우리는 Tistory 블로그를 활용해서 주소를 만들어 줄 수 있습니다. 

 

설정 > 스킨편집 > 파일업로드 > 숫자나 영문으로만 만든 사진을 파일추가해줍니다. 그런 다음 오른쪽 마우스를 클릭하여 이미지 URL을 복사해서 사용하면 됩니다.