본문으로 건너뛰기

Link

약 2 분

Link

문서 작성시 외부 링크를 포함하는 예를 설명합니다. 참고 문서open in new window

텍스트에 링크 달기

설명하던 글의 특정 단어에 대해 외부 링크를 추가하고자 하는 경우 브라킷[ ]과 괄호를 사용합니다. domain을 같이 기입하는 경우 새창에서 열기로 표기됩니다.

새창으로 이동하는 [링크 달기](http://docmoa.github.io/00-Howto/03-Tips/Link.html)
현재 창에서 이동하는 [링크 달기](/00-Howto/03-Tips/Link.html)

다음과 같이 표기됩니다.

링크 자체를 표기

별도의 연결된 단어 없이 링크 자체를 넣는 경우 < >를 사용합니다.

<https://docmoa.github.io>
<docmoa@gmail.com>

다음과 같이 표기됩니다.

이미지

이미지는 !를 기존 링크 문법 앞에 추가합니다.

  • 대체 텍스트는 이미지 링크에 접속할 수 없는 경우 표기됩니다.
  • 이미지 설명은 마우스 오버시 확인하실 수 있습니다.
![대체 텍스트](이미지 링크 "이미지 설명")

![](https://icons.iconarchive.com/icons/fatcow/farm-fresh/32/layout-link-icon.png)
![대체 텍스트](https://img.icons8.com/ios/2x/깨진링크)
![대체 텍스트](https://icons.iconarchive.com/icons/fatcow/farm-fresh/32/report-link-icon.png "이미지 설명")

다음과 같이 표기됩니다.

  • 대체 텍스트
    대체 텍스트
  • 대체 텍스트
    이미지 설명

동영상

외부 동영상은 html 문법을 활용하여 추가할 수 있습니다. 여기서는 유튜브를 예를 들어 설명합니다. 다른 여러가지 방식은 참고 링크open in new window를 확인해주세요.

  • 공유버튼을 누르고 퍼가기 를 클릭하면 우측에 동영상 퍼가기 코드가 나타납니다.
    Youtube Share 설명
  • 코드를 복사하고 그대로 파일 내에 붙여넣습니다.
<iframe width="560" height="315" src="https://www.youtube.com/embed/StTqXEQ2l-Y" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

다음과 같이 표기됩니다.