Markdown 이미지 첨부 및 조정

hotmoist·2021년 9월 15일
1
post-custom-banner

이미지를 마크다운에 추가하기 위해서는 해당 이미지를 깃허브에 파일 업로드를 한다.

현재 업로드한 이미지의 저장경로는 "./image.png"로 지정되어있다.

간단한 이미지 첨부 방법


![이미지 설명](경로)

위를 예시로 들면 다음과 같다

![poster](./image.png)

여기서 만약 !를 까먹고 안 넣으면 poster만 써져있는 하이퍼링크가 생성된다


공들여(?) 이미지 첨부하는 방법


이미지 크기 조정

html에서 사용하는 img 태그를 사용하여 height, width 속성을 부여한다.

<img src="./image.png", height="100x", width="100px">

이러면 이미지의 높이 100px, 넓이 100px로 조정된 사진이 첨부될 것이다.

이미지 위치 조정

크기 조정과 같이 html의 img 태그를 사용한다.

왼쪽으로 조정

<img align="left" src="./image.png">

오른쪽으로 조정

<img align="right" src="./image.png">

가운데로 조정

가운데로 조정하는 것은 추가적으로 p 태그가 필요하다!

<p align="center">
 <img src = "./image.png">
</p>

참고 링크

https://gist.github.com/DavidWells/7d2e0e1bc78f4ac59a123ddf8b74932d

profile
No coffee, No coding
post-custom-banner

1개의 댓글

comment-user-thumbnail
2022년 9월 15일

좋은 내용 감사합니다.

답글 달기