Markdown에서 이미지를 가운데에 맞춥니다.

1. Markdown에서 이미지 정렬
2. Markdown에서 가운데 ​​정렬하는 방법

Markdown은 텍스트 편집기 응용 프로그램의 도움으로 일반 텍스트 문서에 서식 요소를 포함하는 ‘경량 마크업 언어’로 널리 알려져 있습니다. ‘2004년’에 ‘John Gruber’에 의해 설립되었습니다.

이 언어는 이제 세계에서 가장 많이 요구되는 마크업 언어가 되었습니다. 이제 Markdown으로 작성하는 데 특히 사용되는 많은 웹 기반 응용 프로그램을 찾을 수 있습니다.

Markdown은 WYSIWYG 편집기와 약간 다릅니다. 단어와 구의 서식을 지정하는 Microsoft Word에서 볼 수 있듯이 버튼을 클릭하면 변경 사항이 즉시 표시됩니다.

그러나 Markdown은 이를 따르지 않습니다. Markdown에서 Markdown 형식의 파일을 개발할 때 Markdown 구문은 텍스트에서 달라야 하는 일부 단어와 구를 지정합니다.

이 기사에서는 Markdown 파일에서 이미지를 중앙에 배치하는 방법에 대해 설명합니다. 예를 들어, 오픈 소스 프로젝트의 루트에 있는 README.md 파일은 브라우저에 HTML로 표시됩니다.

Markdown에서 이미지 정렬

Markdown은 WYSIWYG 편집기로 서식을 지정하는 오버헤드를 사용하지 않고 콘텐츠를 작성하는 매우 간단한 방법을 제공합니다.

Markdown에서 텍스트를 작성하는 것은 빠르지만 이미지를 정렬하는 것은 어떻습니까?

Markdown 이미지 태그 자체에는 정렬 속성이 없습니다. 이는 Github에서 README.md 파일의 형식을 지정할 때 매우 성가십니다.

<!-- No alignment options -->
(/myimages/mylogo.png)

다행히도 이 문제를 해결할 수 있는 방법이 있습니다. HTML에서 img 태그를 사용하여 문서를 향상시키기 위해 html 이미지 태그를 사용할 것입니다.

.md는 README.md가 Markdown 파일임을 알려주는 markdown 확장자입니다. 이 파일은 프로젝트 마지막에 볼 html 요약을 만드는 데 사용됩니다.

<img align="right" width="120" height="120" src="https://www.pexels.com/photo/photo-of-grey-tabby-kitten-lying-down-2558605/">

Markdown에서 가운데 ​​정렬하는 방법

Markdown에서 가운데 ​​정렬은 약간 까다롭습니다. 아래와 같이 img 태그를 p 태그 내에 래핑해야 합니다.

<p align="center">
  <img width="460" height="300" src="https://www.pexels.com/photo/photo-of-grey-tabby-kitten-lying-down-2558605/">
</p>