[마크다운(Markdown)] 이미지 넣기

안녕하세요. 메론커피입니다

[마크다운(Markdown)] 이미지 넣기
– 마크다운 형식
– HTML의 태그 형식

에 대한 정보입니다

마크다운 형식

![이미지 이름](이미지 URL)

ex) 이미지 URL의 경우
![귀여운 고양이](https://meloncoffee.com/wp-content/uploads/2021/12/cat-g6f9aa4217.jpg)

ex) 깃허브 등 파일경로의 경우
![귀여운 고양이](./catimage.jpg)

이미지 위에 마우스를 올려놨을 때 나오는 글

![이미지 이름](이미지 URL "설명")

뒤에 " "를 붙인 뒤 안에 설명을 적으면 이미지 위에 마우스를 올려놨을 때 나오는 설명을 적을 수 있습니다

이미지 크기 조절

뒤에 를 붙여주면 됩니다
ex)![귀여운 고양이](/image.jpg)

ㅁ 단, 이 방법은 적용되지 않는 경우가 많아서 아래의 html 방식으로 이미지 크기를 조절할 수 있습니다

HTML의 태그 형식

<img src=”이미지 URL”>

ex)<img src=”https://meloncoffee.com/wp-content/uploads/2021/12/cat-g6f9aa4217.jpg”>

이미지 크기를 설정하는 경우

<img src=”이미지 URL” width=”가로 사이즈” height=”세로 사이즈”>

사이즈 단위는 px, % 등을 사용할 수 있습니다

ex)<img src=”https://meloncoffee.com/wp-content/uploads/2021/12/cat-g6f9aa4217.jpg” width=”100″ height=”100″>

Leave A Comment