마크다운

SOMEmo·2022년 4월 13일
0

Markdown

01. 개요

02. 제목, 문장, 줄바꿈

READEME.md파일 생성
미리보기창 (오른쪽 상단 돋보기 모양)

제목h1~h6 (# 개수에 따라, # 띄어쓰기 제목)

# 제목 1
## 제목 2
### 제목 3
#### 제목 4
##### 제목 5
###### 제목 6  

문장(Paragraph)

줄바꿈

띄어쓰기 두번 or <br />

03. 강조, 목록

강조

_이탤릭_
*이탤릭*
**두껍게**
**_이텔릭 + 두껍게_**
~~취소선~~
<u>밑줄</u>

목록

1. 순서가 필요한 목록
1. 순서가 필요한 목록
1. 순서가 필요한 목록
    1. 순서가 필요한 목록
    1. 순서가 필요한 목록
    
- 순서가 필요하지 않은 목록

- 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록
    - 순서가 필요하지 않은 목록
    - 순서가 필요하지 않은 목록
- 순서가 필요하지 않은 목록
* 순서가 필요하지 않은 목록

04. 링크, 이미지

링크

 <a href="https://google.com">GOOGLE</a>
[GOOGLE](https://google.com)

<a href="https://naver.com" title="NAVER로 이동!">NAVER</a>

[NAVER](https://naver.com "NAVER로 이동!")

<a href="https://naver.com" title="NAVER로 이동!" target="_blank">NAVER</a>

이미지

개발자 도구에서 원하는 이미지 클릭 - css부분에서 open in new tab - 주소복사
![]()

![HEROPY](https://heropy.blog/css/images/logo.png)
[![HEROPY](https://heropy.blog/css/images/logo.png)](https://heropy.blog/)

05. 인용문, 코드 강조

인용문

> 남의 말이나 글에서 직접 또는 간접으로 따온 문장.  
> (네이버 국어 사전)
> 인용문을 작성하세요!
>> 중첩된 인용문
>>> 중중첩된 인용문1
>>> 중중첩된 인용문2
>>> 중중첩된 인용문3

인라인 코드 강조

CSS에서 `background` 혹은 `background-image` 속성으로 요소에 배경 이미지를 삽입할 수 있습니다.

블록 코드 강조

```html
<a href="https://google.co.kr" target="_blank">GOOGLE</a>
```

```css
.list > li {
  position: absolute;
  top: 40px;
}
	```
  
  ```javascript
function func() {
var a = 'AAA';
return a;
}
	```

```bash
$ git commit -m 'Study Markdown'
	```
  
```plaintext
동해물과 백두산이 마르고 닳도록
하느님이 보우하사 우리나라 만세
	```
  
  ` 백틱
  

06. 표

position 속성

값 | 의미 | 기본값
--|:--:|--:
static | 기준 없음 | O
relative | 요소 자신 | X
absolute | 위치 상 부모 요소 | X
fixed | 뷰포트 | X

07. 원시 HTML, 수평선

원시 HTML

동해물과 <u>백두산</u>이 마르고 닳도록<br/>
하느님이 보우하사 우리나라 만세

동해물과 <span style="text-decoration: underline;">백두산</span>이 마르고 닳도록<br/>
하느님이 보우하사 우리나라 만세

<a href="https://naver.com" title="NAVER로 이동!" target="_blank">NAVER</a>

<img width="70" src="https://heropy.blog/css/images/logo.png" alt="HEROPY">

수평선

---

***

___

08. 원격 저장소에 Push

깃허브 - your repositories - new - 이름: markdown-practice
-저장소 주소 복사 - vscode - git init -git add . 
- git commit -m 'READEME.md 생성' 
- git remote add origin https://github.com/lillly02v/markdown-practice.git 
- git push origin main

0개의 댓글

관련 채용 정보