Skip to content

Instantly share code, notes, and snippets.

@ninanung
Last active July 25, 2023 00:35
Show Gist options
  • Save ninanung/946cd0e2e09bd5a94964ff8b612a9012 to your computer and use it in GitHub Desktop.
Save ninanung/946cd0e2e09bd5a94964ff8b612a9012 to your computer and use it in GitHub Desktop.
사실은 내가 보기위한 마크다운 문법설명서 - 1. 제목과 호라이즌

너와 나를 위한 마크다운 문법정리!

마크다운 문법, 정말 간단하지만 구글링을 해도 뭔가 좀 애매합니다. 설명이 다르거나 부족하거나 저 같은 초보자가 보고 배우기 애매한 경우가 좀 있었습니다. 그래서 저 스스로의 마크다운 문법 공부를 위한 실습 겸 가이드를 위해 문법정리를 작성해 보고자 합니다. 참고로 이 정리는 깃허브에서 사용하는 것을 전제로 합니다.

1.제목과 호라이즌 - html의 h1테그와 hr테그

1-1.제목

먼저 제목입니다. 제목을 쓰는 방법은 두 가지로 나눌 수 있습니다.

  • 제목과 함께 hr, 즉 호라이즌을 명시적으로 같이 쓴다.
  • 그냥 크기만 지정한다.

명시적으로 호라이즌을 사용하지 않아도 h1와 h2에 해당하는 제목은 호라이즌이 자동으로 사용됩니다.
호라이즌을 명시적으로 쓰는 경우는 두 가지인데 하나는 h1에 해당하는 크기입니다.

this is h1 size and hr!
=================

문장 밑에 있는 두 줄은 ‘ = ’표시입니다. 같다는 의미의 수학기호이죠. 그걸 밑줄에 써줍니다. 멍청하게도 저는 처음에 ‘ - ’를 두번 쓴거인줄 알았습니다. 이렇게 작성하면 실제로는

this is h1 size and hr!

처럼 보입니다.
호라이즌이 있는 h2크기에 해당하는 제목은

this is h2 size and hr!
---------------------------

처럼 씁니다. 밑에 줄은 키보드 오른쪽 위의 숫자줄 가장 오른쪽에 해당하는 ‘ - ’입니다. 이렇게 사용하게 되면

this is h2 size and hr!

처럼 보이게 됩니다. 여기까지가 호라이즌이 있는 경우이고 없는 경우는 정말 쉽습니다.

# this is h1
## this is h2
### this is h3
#### this is h4
##### this is h5
###### this is h6

보면 아시겠지만 ‘ # ’를 사용하여 크기를 나눕니다. 샾표기가 많아질수록 크기는 작아집니다. 이렇게 사용할 경우 실제로는

this is h1

this is h2

this is h3

this is h4

this is h5
this is h6

처럼 보입니다. 참고로 h6까지 뿐이고 h7은 없습니다. #을 아무리 써도 6단계 이하로는 더 작아지지는 않는다는 말이죠.


1-2.호라이즌

hr에 해당하는 호라이즌을 쓰는 방법은 더 쉽습니다.

***
---
___

위의 세가지 방법으로 가능합니다. 각각 ‘ * ’ ‘ - ’ ‘ _ ’기호입니다. 저 기호들을 세번 이상 써주시면 됩니다. 저는 뭔가 더 나눈다는 느낌을 주기 위해

-------------------------------------------------------

식으로 많이 써버립니다.
어쨌든 결과는


처럼 나옵니다.

1장. 제목과 호라이즌
2장. 리스트와 인용
3장. 개행과 문자강조
4장. 링크와 이미지넣기
5장. 블럭과 테이블
기스트목록

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment