💻 마크다운이란?
마크다운(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👉 결과
순서가 있는 목록
- Lionel Messi
- David Villa
- Pedro
- Neymar
- Xavi
- 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
💻 이미지
👉 표기법
[](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 Fati | 10 | O |
| Frenkie De Jong | 21 | X |
💻 원시 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번 입력해도 수평선이 생긴다.
개인적으로 공부한 내용을 포스팅 한 것으로 태클은 환영합니다.
