[Git & Github] Markdown
1. 제목(Header)
#의 개수에 따라 h1 ~ h6 태그의 크기로 Header이 적용
# 제목1
## 제목2
### 제목3
#### 제목4
##### 제목5
###### 제목6
제목1(Header)
제목2
제목3
제목4
제목5
제목6
2. 문장(Paragraph)
가나다라 마바사아
자차카타 파하.
가나다라 마바사아 자차카타 파하.
3. 줄바꿈(Line Breaks)
- 띄어쓰기 2회
가나다라 마바사아
자차카타 파하
가나다라 마바사아
자차카타 파하.
- br태그
가나다라 마바사아 <br> 자차카타 파하.
가나다라 마바사아
자차카타 파하.
4. 강조(Emphasis)
- 두껍게
**두껍게**
두껍게
- 이텔릭(기울임)
*이텔릭*
_이텔릭_
이텔릭
이텔릭
- 취소선
~~취소선~~
취소선
- 밑줄
- 권장되지 않음
<u>밑줄</u>
밑줄
- 색상
<span style="color: red">색상</span>
색상
5. 목록(List)
- 순서가 필요한 목록
1. 순서가 필요한 목록1
2. 순서가 필요한 목록2
3. 순서가 필요한 목록3
1. 순서가 필요한 목록1
1. 순서가 필요한 목록1
2. 순서가 필요한 목록2
2. 순서가 필요한 목록2
4. 순서가 필요한 목록4
- 순서가 필요한 목록1
- 순서가 필요한 목록2
- 순서가 필요한 목록3
- 순서가 필요한 목록1
- 순서가 필요한 목록1
- 순서가 필요한 목록2
- 순서가 필요한 목록2
- 순서가 필요한 목록1
- 순서가 필요한 목록4
- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록
- 체크 리스트
- [X] 체크
- [ ] 체크X
- 체크
- 체크X
6. 링크(Links)
<a href="https://google.com">GOOGLE</a>
<br>
[GOOGLE](https://google.com)
title : 링크에 마우스를 올렸을 때 나타나는 메시지
<a href="https://naver.com" title="NAVER로 이동!">NAVER</a>
<br>
[NAVER](https://naver.com "NAVER로 이동!")
target=”_blank” : 링크를 클릭했을 때 창이 새 탭에 열림
<a href="https://naver.com" title="NAVER로 이동!" target="_blank">NAVER</a>
7. 이미지(Image)
- 일반
- 이미지에 링크 걸기
[](링크 url)
- 사진 클릭하면 구글로 이동
8. 인용문
> 남의 말이나 글에서 직접 또는 간접으로 따온 문장.
> (네이버 국어 사전)
> 인용문을 작성하세요!
>> 중첩된 인용문
>>> 중중첩된 인용문 1
>>> 중중첩된 인용문 2
>>> 중중첩된 인용문 3
남의 말이나 글에서 직접 또는 간접으로 따온 문장.
(네이버 국어 사전)
인용문을 작성하세요!
중첩된 인용문
중중첩된 인용문 1 중중첩된 인용문 2 중중첩된 인용문 3
9. 인라인(inline) 코드 강조
백틱기호 ` `를 사용해 강조
CSS에서 `background` 혹은 `background-image` 속성으로 요소에 배경 이미지를 삽입할 수 있습니다.
CSS에서 background 혹은 background-image 속성으로 요소에 배경 이미지를 삽입할 수 있습니다.
10. 블록(block) 코드 강조
백틱기호 3개(‘’’) 언어 이름(html, css, javascript, java, c, bash, python…) 코드 백틱기호 3개(‘’’)
'''html
\<a href="https://www.google.co.kr/" target="_blank">GOOGLE</a>
'''
<a href="https://www.google.co.kr/" target="_blank">GOOGLE</a>
'''css
.list > li {
position: absolute;
top: 40px;
}
'''
.list > li {
position: absolute;
top: 40px;
}
'''javascript
function func() {
var a = 'AAA'
return a;
}
'''
function func() {
var a = 'AAA'
return a;
}
'''bash
$ git commit -m 'Study Markdown'
'''
$ git commit -m 'Study Markdown'
'''plaintext
가나다라 마바사아
자차카타 파하
'''
가나다라 마바사아
자차카타 파하
11. 표(Table)
|:--| : 왼쪽 정렬
|--:| : 오른쪽 정렬
|:--:| : 가운데 정렬
position 속성
값 | 의미 | 기본값
--|:--:|--:
static | 기준 없음 | O
relative | 요소 자신 | X
absolute | 위치 상 부모 요소 | X
fixed | 뷰포트 | X
position 속성
| 값 | 의미 | 기본값 |
|---|---|---|
| static | 기준 없음 | O |
| relative | 요소 자신 | X |
| absolute | 위치 상 부모 요소 | X |
| fixed | 뷰포트 | X |
12. 원시 HTML(Raw HTML)
동해물과 <u>백두산</u>이 마르고 닳도록<br/>
<span style="text-decoration: underline;">하느님</span>이 보우하사 우리나라 만세
<a href="https://naver.com" title="NAVER로 이동!" target="_blank">NAVER</a>
<img width="500" src="https://user-images.githubusercontent.com/62803763/127985736-2879d5fd-621b-4872-8b9b-0b0ce9141c7a.jpg" alt="ggam4" />
동해물과 백두산이 마르고 닳도록
하느님이 보우하사 우리나라 만세
13. 수평선(Horizontal Rule)
---
<br>
***
댓글남기기