본문 바로가기
Tips, Infomation/Coding Editor

Insert Markdown Document Image (마크다운 문서에 이미지 넣기)

by 소나무기운 2023. 2. 17.
반응형

[2023/02/17] First Start.

소나무 기운 ,  전자제품 개발/생산

Insert Markdown Document Image

To insert images in Markdown, you can use the following syntax:

Markdown(마크다운)에 이미지를 삽입하려면 다음 구문을 사용할 수 있습니다:

 

기본 문법

![alt text](image URL)

 

상세 설명

Let's break down the different parts of this syntax:

이 구문의 여러 부분을 분석해 보겠습니다:

 

  1. The exclamation mark '!' indicates that this is an image, not just regular text.
  2. The 'alt text' is a description of the image that will be displayed if the image cannot be loaded or for users who rely on screen readers. It should be a brief and informative summary of the image content.
  3. The 'image URL' is the web address of the image file. This can be a link to an image hosted on a web server or a relative path to an image on your local file system.

 

  1. '!'는 이것이 일반 텍스트가 아닌 이미지임을 나타냅니다.
  2. 'alt text'는 이미지를 로드할 수 없거나 화면 판독기에 의존하는 사용자를 위해 표시되는 이미지에 대한 설명입니다. 이미지 내용에 대한 간략하고 유익한 요약이어야 합니다.
  3. 'image URL' 은 이미지 파일의 웹 주소입니다. 웹 서버에 호스트된 이미지에 대한 연결 또는 로컬 파일 시스템에 있는 이미지에 대한 상대 경로일 수 있습니다.

 

For example, if you have an image file named "example.png" in the same directory as your Markdown file, you can use the following syntax to display the image:

예를 들어 Markdown 파일과 동일한 디렉터리에 "example.png" 라는 이미지 파일이 있는 경우 다음 구문을 사용하여 이미지를 표시할 수 있습니다:

 

![Example image](example.png)

 

If you want to add a hyperlink to the image, you can wrap the entire syntax in square brackets and add the URL in parentheses, like this:

이미지에 하이퍼링크를 추가하려면 다음과 같이 전체 구문을 대괄호로 묶고 괄호 안에 URL을 추가할 수 있습니다:

 

[![Example image](example.png)](https://www.example.com)

 

This will display the image with a hyperlink to the URL you specified.

지정한 URL에 대한 하이퍼링크가 있는 이미지가 표시됩니다.

 

마무리

Adding images to your Markdown documents can enhance the visual appeal of your content, make it easier to understand, improve accessibility, and make your document more portable and easy to share.

 

마크다운 문서에 이미지를 추가하면 콘텐츠의 시각적 매력을 높이고, 이해하기 쉽고, 접근성을 향상시키며, 문서를 보다 휴대하기 쉽고 공유하기 쉽게 만들 수 있습니다.

 

참고문헌

Tell me the link to the official document of Markdown.

 

 
 

 

 

틀린 부분이나 질문은 댓글 달아주세요.

즐거운 하루 보내세요. 감사합니다.

 

 

반응형

댓글