0411 마크다운

💻 마크다운이란?

마크다운(Markdown)은 일반 텍스트 기반의 경량 마크업 언어다. 일반 텍스트로 서식이 있는 문서를 작성하는 데 사용되며, 일반 마크업 언어에 비해 문법이 쉽고 간단한 것이 특징이다. HTML과 리치 텍스트(RTF) 등 서식 문서로 쉽게 변환되기 때문에 응용 소프트웨어와 함께 배포되는 README 파일이나 온라인 게시물 등에 많이 사용된다.


💻 제목

👉표기법

# FC Barcelona
## FC Barcelona
### FC Barcelona
#### FC Barcelona
##### FC Barcelona
###### FC Barcelona

👉결과

FC Barcelona

FC Barcelona

FC Barcelona

FC Barcelona

FC Barcelona
FC Barcelona

💻 문장

문단의 내용은 그냥 작성하면 된다.

👉 표기법

### FC Barcelona
Lionel Messi

👉 결과

FC Barcelona

Lionel Messi


💻 줄바꿈

띄어쓰기를 두번하면 된다. 하지만 안되는 경우도 있으니 <br>태그를 사용할 수도 있다.

👉 표기법

Ansu Fati  
Pique<br>Jordi Alba

👉 결과

Ansu Fati
Pique
Jordi Alba


💻 강조

텍스트를 여러 방식으로 강조할 수 있다.

👉 표기법

_Frenkie De jong_
**Ter Stegen**
~~Umtiti~~
<u>Dembele</u>
_**Sergino Dest**_
~~<u>Braithwaite</u>~~

👉 결과

Frenkie De jong
Ter Stegen
Umtiti
Dembele
Sergino Dest
Braithwaite


💻 목록

순서가 있는 목록과 순서가 없는 목록을 만들 수 있다.
띄어쓰기 4번(들여쓰기 2번)을 하면 하위 목록을 생성한다.

👉 표기법

## 순서가 있는 목록
1. Lionel Messi
1. David Villa
1. Pedro
   1. Neymar
1. Xavi
1. Iniesta

## 순서가 없는 목록
- Riqui Quig
  - Umtiti
- Turan
- Andre Gomes

👉 결과

순서가 있는 목록

  1. Lionel Messi
  2. David Villa
  3. Pedro
    1. Neymar
  4. Xavi
  5. Iniesta

순서가 없는 목록

  • Riqui Quig
    • Umtiti
  • Turan
  • Andre Gomes

💻 링크

HTML의 <a>태그를 사용할 수 있다.

👉 표기법

<a href="https://www.fcbarcelona.com/en/">FC Barcelona</a>
[FC Barcelona](https://www.fcbarcelona.com/en/)
[FC Barcelona](https://www.fcbarcelona.com/en/ "Go to the official website")

👉 결과

FC Barcelona
FC Barcelona
FC Barcelona


💻 이미지

👉 표기법

![FC Barcelona](https://upload.wikimedia.org/wikipedia/en/thumb/4/47/FC_Barcelona_%28crest%29.svg/1200px-FC_Barcelona_%28crest%29.svg.png)

[![FC Barcelona](https://upload.wikimedia.org/wikipedia/en/thumb/4/47/FC_Barcelona_%28crest%29.svg/1200px-FC_Barcelona_%28crest%29.svg.png)](https://www.fcbarcelona.com/en/)

두번째 이미지는 URL이 삽입되어 클릭하면 다른 웹사이트로 이동하게 된다.

👉 결과


💻 인용문

👉 표기법

> "호날두 특별한거 인정, 하지만 메시가 더 대단해" 2018. 06. 14
(호나우두)

> 맨유, 리버풀을 비하하는 인용문들 모음
> > 유명한 축구선수
> > > 리버풀 빅클럽 아니야 (카림 벤제마)
> > > 리버풀은 중위권이 딱이야 (거스 포옛)
> > > 맨유 갈 바엔 자살한다. (다니엘레 데 로시)
> > > 맨유 갈 바엔 농구한다. (앙트완 그리즈만) 

👉 결과

"호날두 특별한거 인정, 하지만 메시가 더 대단해" 2018. 06. 14
(호나우두)

맨유, 리버풀을 비하하는 인용문들 모음

유명한 축구선수

리버풀 빅클럽 아니야 (카림 벤제마)
리버풀은 중위권이 딱이야 (거스 포옛)
맨유 갈 바엔 자살한다. (다니엘레 데 로시)
맨유 갈 바엔 농구한다. (앙트완 그리즈만)

인용문도 중첩해서 표현이 가능하다.


💻 인라인 코드 강조

키보드의 숫자 "1"왼쪽에 보면 백틱 기호가 있다.
백틱 기호를 감싸서 표현한다.

👉 표기법

`<br>`태그는 줄바꿈!

👉 결과

<br>태그는 줄바꿈!


💻 블럭 단위 코드 강조

백틱기호를 블럭 단위 코드 기준 위, 아래로 3개씩 작성하여 감싼다.

👉 표기법

<a href="https://www.naver.com">네이버</a>
텍스트만 강조도 가능하다!

👉 결과

<a href="https://www.naver.com">네이버</a>
텍스트만 강조도 가능하다!

백틱 자체를 화면에 노출 시키는 방법은 추후 글을 수정하도록 하겠다.


💻 표

👉 표기법

FC Barcelona 선수별 등번호

|이름|등번호(가운데정렬)|현재 부상 여부(오른쪽정렬)|
|--|:--:|--:|
|Ansu Fati|10|O|
|Frenkie De Jong|21|X|

👉 결과

FC Barcelona 선수별 등번호

이름등번호(가운데정렬)현재 부상 여부(오른쪽정렬)
Ansu Fati10O
Frenkie De Jong21X

💻 원시 HTML

a 태그에 target 속성을 준다던지, img 태그에 width 속성을 준다던지 등의 상황에는 원시 HTML 문법이 필요할 수 있다.

👉 표기법

Alex Collado<br><u>Lenglet</u>
<a href="https://www.fcbarcelona.com/en/" target="_blank">FC Barcelona</a>

👉 결과

Alex Collado
Lenglet
FC Barcelona


💻 수평선

👉 표기법

---
***
___

👉 결과




별(*)이나 언더바(_)를 3번 입력해도 수평선이 생긴다.

개인적으로 공부한 내용을 포스팅 한 것으로 태클은 환영합니다.

좋은 웹페이지 즐겨찾기