markdown문법사용법

늘숲·2022년 9월 20일
0
post-thumbnail
post-custom-banner



제목Header꾸미기!

header1

header2

header3

header4

header5
header6
# header1
## header2
### header3
#### header4
##### header5
###### header6



강조꾸미기!

굵게 아래하이픈이나 별 2개로 감싸기
굵게 아래하이픈이나 별 2개로 감싸기
기울게 아래하이픈이나 별 1개로 감싸기
기울게 아래하이픈이나 별 1개로 감싸기
취소선 물결모양 2개로 감싸기
밑줄 앞과 뒤에 부등호로 감싼 u태그로 감싸기
ABCDEFGHIJKLMNOPQRSTUVWXYZ

인용구 넣기 부등호 닫기(>)를 치고 글쓰기

인용구 안에 또 부등호 닫기를 두 번 쳐서 연속으로 인용구 넣기

__굵게__ 아래하이픈이나 별 2개로 감싸기
**굵게** 아래하이픈이나 별 2개로 감싸기
_기울게_ 아래하이픈이나 별 1개로 감싸기
*기울게* 아래하이픈이나 별 1개로 감싸기
~~취소선~~ 물결모양 2개로 감싸기
<u>밑줄</u> 앞과 뒤에 부등호로 감싼 u태그로 감싸기
ABCD`EFG`HIJK`LMNOP`QRS`TUV`WXYZ
> 인용구 넣기 부등호 닫기(>)를 치고 글쓰기
>> 인용구 안에 또 부등호 닫기를 두 번 쳐서 연속으로 인용구 넣기

추가로 빽틱(`) 3개를 넣고 프로그래밍 언어를 써주고 줄바꿔서 텍스트 내용을 적고 줄바꿔서 다시 빽틱 3개를 넣으면 해당 프로그래밍 언어스타일에 맞게 코드박스가 생성된다

console.log(error);
이렇게

위 코드박스는 빽틱 3개를 쓰고 java를 쓰고 줄바꾸고 console.log(error);라고 적고 줄바꾸고 이렇게라고 적고 줄바꾸고 빽틱 3개를 써서 표현했다.




목록만들기!

목록만들기

  • apple
  • banana
  • 별모양 1개쓰고 띄어쓰기

내려가는 수준의 목록만들기

  • green
  • red
  • 하이픈 1개쓰고 띄어쓰기
    • blue
    • black
    • 띄어쓰기 2번하고 하이픈 1개쓰고 띄어쓰기
      • 이건 띄어쓰기 4번하고 하이픈 1개쓰고 띄어쓰기
        • 이건 띄어쓰기 6번하고 하이픈 1개쓰고 띄어쓰기
        • 이건 띄어쓰기 6번하고 더하기 1개쓰고 띄어쓰기
        • 이건 띄어쓰기 6번하고 별모양 1개쓰고 띄어쓰기

숫자 목록만들기

  1. first
  2. second
  3. 숫자쓰고 점찍고 띄어쓰기



링크걸기!

텍스트 클릭하면 링크로 이동하기

네이버
대괄호 열고 텍스트쓰고 대괄호 닫고 소괄호 열고 주소쓰고 소괄호 닫기

링크보여주고 연결하기

http://www.naver.com
부등호 열고 주소쓰고 부등호 닫기

참조된 url이 너무 길어서 빼고 싶을 때

너무 긴 문장에서 네이버로 가고 싶을 때

url에 해당하는 문자열을 대괄호로 감싸고 바로 뒤에 대괄호로 ref값을 빼낸 후에 대괄호로 빼낸 ref값에 띄어쓰기 없이 콜론을 붙이고 띄어쓰고 부등호 열고 주소쓰고 부등호 닫고 띄어쓰기 하고 큰따옴표안에 ref값에 대한 설명을 쓴다.

텍스트 클릭하면 동일파일 내 특정부분으로 이동하기

제목
대괄호 열고 텍스트 쓰고 대괄호 닫고 소괄호 열고 header를 규칙에 맞춰 써넣기

규칙 :
대문자는 소문자로,
특수문자는 제거,
공백은 아래하이픈(_)으로 변경




사진넣기!

사진넣기

고양이
느낌표 쓰고 대괄호 열고 사진설명 쓰고 대괄호 닫고 소괄호 열고 사진경로 넣고 소괄호 닫기

사진을 크기조절해서 넣기

부등호 열고 img src="사진경로" width="가로" height="세로" 부등호 닫기

사진넣고 링크걸기

고양이
대괄호 열고 느낌표 넣고 대괄호 열고 사진설명 쓰고 대괄호 닫고 소괄호 열고 사진경로 넣고 소괄호 닫고 대괄호 닫고 소괄호 열고 주소쓰고 소괄호 닫기




표Table만들기!

수평선그리기




하이픈을 3개
하이픈을 3개
하이픈을 3개

표그리기

제목설명비고
1열2행2열2행3열2행
1열3행2열3행3열3행
1열4행2열4행3열4행

세로줄은 작대기 가로줄은 하이픈 2개 정렬은 콜론을 하이픈의 양쪽, 오른쪽, 왼쪽에 배치



정렬하기!

정렬하기

가운데 정렬한 문단
가운데 정렬한 문단
왼쪽으로 정렬한 문단
왼쪽으로 정렬한 문단
오른쪽으로 정렬한 문단
오른쪽으로 정렬한 문단
<center>가운데 정렬한 문단<br>가운데 정렬한 문단</center>  
<div style="text-align: left"> 왼쪽으로 정렬한 문단<br>왼쪽으로 정렬한 문단 </div>
<div style="text-align: right"> 오른쪽으로 정렬한 문단<br>오른쪽으로 정렬한 문단 </div>



토글넣기!

토글 사용하기

토글 제목(토글 제목 앞에 삼각형을 눌러보세요!) 토글 내용(참 잘했어요!)
<details>
	<summary>토글 제목(토글 제목 앞에 삼각형을 눌러보세요!)</summary>
  토글 내용(참 잘했어요!)
</details>



서식기호로 쓰이는 특수기호!

서식용도로 안쓰고 특수기호 자체를 쓰기

~, *, -, +, #

백슬래쉬(\)를 쓰고 그 다음에 특수기호를 쓴다.
\~, \*, \-, \+, \#
profile
발전, 그리고 숲
post-custom-banner

0개의 댓글