[HTML] Images

Сайн байна уу? 샌-배-노? 동기 여러분! 오늘은 몽골어로 인사를 준비해봤습니다ㅋㅋㅋ

제가 러시아어를 뜻은 잘 모르지만 읽을 줄은 아는데요, 몰랐었는데 몽골어를 러시아 철자로 쓰는 게 참 신기하네요!

 

오늘은 이미지 넣는 법에 대해 알아봅시다.

아마 마크다운을 배우신분들은 눈치를 채셨을 건데 HTML과 마크다운은 상당히 비슷합니다! 갑시다!

 

Images

이미지는 다른 태그들과 달리 뒷 태그(Closing tag)가 따로 없고 앞 태그(Opening tag)에서 마무리를 짓는데 >로 닫기 전에 / (Slash)를 넣어줍니다. 아래와 같습니다.

<img src="이미지의 위치(URL)" />

 

 

 

 

 

이미지 태그는 항상 src라는 속성을 지니게 되는데요, src에는 반드시 이미지의 소스나 위치가 지정되어야 합니다.

보통 URL(Uniform resource locator)을 src="URL" 이런 방식으로 넣어주는데, 이미지가 저장되어 있는 웹 주소나 로컬 주소가 이에 해당합니다.

 

src는 이미지에 다다를 수 있는 특정한 경로입니다.

 

---

 

예

제가 예전에 포스팅 했던 마크다운의 이미지 넣는 방법에 대한 사진을 첨부해보겠습니다. 링크 : https://dongi-coding.tistory.com/5

[Markdown] 마크다운의 기본 (제 2편/ 이미지, 줄 긋기, 글자 색)

 

이미지 넣기를 해봤습니다.

---

 

저작권이 없는 사진을 가지고 오고 싶다면 아래의 방법을 사용하면 됩니다.

 

1. 사진이 있는 사이트에 접속

 

 

2. (크롬 환경에서) F12번을 누르고 빨간 표시된 부분을 클릭하고 

 

 

 

3. 내가 가지고 오고 싶은 이미지를 클릭합니다.

 

 

 

 

4. 오른쪽에 Elements 창 아래에 보면 파란색으로 하이라이트 된 부분에 제가 형광펜을 표시한 부분을 복사해서 가져와서 내 이미지 코드에 넣어주면 완성이 됩니다. 

 

---

 

오늘의 느낌

오늘은 운동 쉬는 날이라 집에서 풀업만 해야지~~~