마크다운(markdown)
1. 마크다운이란?
일반 텍스트 문서의 양식을 편집하는 문법, README 파일이나 온라인 문서, 혹은 일반 텍스트 편집기로 문서 양식을 편집할 때 쓰인다. 마크다운을 이용해 작성된 문서는 쉽게 HTML 등 다른 문서형태로 변환이 가능
2. 기본문법
※ 개행: 스페이스 2개 + 엔터
※ 문단구분: 엔터 2번
①. 제목
# 텍스트
#을 하나 쓰면 HTML의 <h1> 태그를, #을 두개 쓰면 <h2>태그를 의미한다. 즉, #은 하나에서 여섯개까지 쓸 수 있고, #이 늘어날때마다 제목의 수준은 내려간다.(보통 글씨 크기가 작아진다.)
②. 번호 없는 리스트
-/+/* 텍스트
③. 번호 있는 리스트
숫자. 리스트
④. 기울인 글씨 (html의 <em>태그)
*텍스트* or _텍스트_
⑤. 굵은 글씨 (html의 <strong>태그)
**텍스트** or __텍스트__
⑥. 인용
> 텍스트
인용문안에 인용문을 넣으려면 >를 더 추가해주면 된다.
⑦. 인라인 링크
[텍스트](링크주소)
⑧. 참조 링크
[텍스트][참조명]
[참조명]: 링크주소
⑨. 이미지
![텍스트](이미지링크)
⑩. 수평선
-, *, _을 세개 이상 나열
⑪. 코드(인라인)
`코드 내용`
⑫. 코드(블록)
앞에 스페이스 4개 이상 삽입
3. 에디터
MarkdownPad2 을 추천한다. 무료다. 왼쪽에는 마크다운을, 오른쪽에는 프리뷰를 제공해준다. window10에서 프리뷰 에러 이슈가 있는데, 공식홈페이지 트러블슈팅가이드에서 Awesomium 1.6.6 SDK를 다운로드받으면 해결된다.
출처: https://sjh836.tistory.com/28?category=687142 [빨간색코딩]
'Web Programing > UI, UX, html' 카테고리의 다른 글
[UX/UI] HTML 마크업 - http://www.subcide.com (2) (0) | 2021.03.16 |
---|---|
[UX/UI] HTML 마크업 - http://www.subcide.com (1) (0) | 2021.03.16 |
[UX/UI] HTML - 폼 컨트롤 (0) | 2021.03.16 |
[UX/UI] HTML - 링크와 이미지 (0) | 2021.03.16 |
[UX/UI] HTML - 테이블 셀합치기 (0) | 2021.03.16 |
[UX/UI] HTML - 테이블을 구성하는 태그 (0) | 2021.03.16 |
[UX/UI] HTML - 목록을 구성하는 태그 (0) | 2021.03.16 |
[UX/UI] HTML - 문장을 구성하는 태그 (0) | 2021.03.16 |