기록하는 습관을 기르기 위한 벨로그 작성법

DongEun·2022년 8월 12일
3
post-thumbnail

1 제목

제목은 H1부터 H6까지 표현이 가능하며 '#'의 개수로 컨트롤할 수 있습니다!

작성방법 💻

# H1
## H2
### H3
#### H4
##### H5
###### H6

실행 결과 ⤵️

H1

H2

H3

H4

H5
H6



2 문단간격

문단의 간격을 표현할 경우에는 <br/>태그를 사용하여 띄울 수 있습니다!

작성방법 💻

첫번째 문단
<br/><br/>
두번쨰문단

실행 결과 ⤵️

첫번쨰 문단

두번째문단



3 인용문

인용문은 '>' 으로 표현을 하며 중첩 표현을 할 수 있습니다!

작성방법 💻

> 첫 번쨰 인용문
첫 번쨰 인용문
첫 번쨰 인용문
>> 그 안에 인용문
>>> 또 그안에 인용문
>>>> 또 그안에 인용문

실행 결과 ⤵️

첫 번쨰 인용문
첫 번쨰 인용문
첫 번쨰 인용문

그 안에 인용문

또 그안에 인용문

또 그안에 인용문



3 리스트

3-1 순서가 없는 리스트

순서가 없는 리스트를 표현할 경우에는 * , - , + 이렇게 3개의 특수문자로 작성 할 수 있습니다!
근데 -가 너무 편해,,

작성방법 💻

- 첫 번째 리스트
 이어지는 문단 안에서는 스페이스만 누르면 그 안으로 들어가게 됩니다.
* 두 번째 리스트
 이어지는 문단 안에서는 스페이스만 누르면 그 안으로 들어가게 됩니다.
+ 세 번째 리스트
 이어지는 문단 안에서는 스페이스만 누르면 그 안으로 들어가게 됩니다.

실행 결과 ⤵️

  • 첫 번째 리스트
    이어지는 문단 안에서는 스페이스만 누르면 그 안으로 들어가게 됩니다.
  • 두 번째 리스트
    이어지는 문단 안에서는 스페이스만 누르면 그 안으로 들어가게 됩니다.
  • 세 번째 리스트
    이어지는 문단 안에서는 스페이스만 누르면 그 안으로 들어가게 됩니다.

3-2 순서가 있는 리스트

순서가 없는 리스트를 표현할 경우에는 숫자뒤에 . 을 추가해서 작성합니다.

작성방법 💻

1. 첫 번째 리스트
 이어지는 문단 안에서는 스페이스만 누르면 그 안으로 들어가게 됩니다.
2. 두 번째 리스트
 이어지는 문단 안에서는 스페이스만 누르면 그 안으로 들어가게 됩니다.
3. 세 번째 리스트
 이어지는 문단 안에서는 스페이스만 누르면 그 안으로 들어가게 됩니다.

실행 결과 ⤵️

  1. 첫 번째 리스트
    이어지는 문단 안에서는 스페이스만 누르면 그 안으로 들어가게 됩니다.
  2. 두 번째 리스트
    이어지는 문단 안에서는 스페이스만 누르면 그 안으로 들어가게 됩니다.
  3. 세 번째 리스트
    이어지는 문단 안에서는 스페이스만 누르면 그 안으로 들어가게 됩니다.



4 텍스트 효과

텍스트 효과는 기존 html에 스타일을 입히는것과 동일해요!
사실 저는 이부분이 제일 끌려서 vlog를 사용하는거 같아요

작성방법 💻

<span style="font-size:14px">내용 입니다.</span>
<p style="font-size:14px">문단 <strong style="color: #7C0000">내용</strong> 입니다.</p>

실행 결과 ⤵️

내용 입니다.

문단 내용 입니다.


이렇게 간단하게 제가 사용할것 같은 기능들만 정리를 해봤습니다..
계속,, 업로드 할거지..?
profile
다채로운 프론트엔드 개발자

0개의 댓글