Velog 튜토리얼.🐣

이채현·2022년 11월 4일

제목
[입력]

# h1
## h2
### h3
#### h4
##### h5
###### h6

[출력]

h1

h2

h3

h4

h5

h6

강조하기
[입력]

*기울이기* _기울이기_
**두껍게** __두껍게__
~~취소선~~

[출력]
기울이기 기울이기
두껍게 두껍게
~~취소선~~

회색 박스
[입력]

회색 박스를 만들고 싶을 때에는 `백틱`을 이렇게 감싼다.

[출력]
회색 박스를 만들고 싶을 때에는 백틱을 이렇게 감싼다.

코드 블럭
*한 줄

한 줄짜리 코드블럭은 이전 문장으로부터 엔터 두 번 + tab으로도 만들 수 있다.

*여러 줄

    여러 줄의 코드블럭을 만들어보자
    3개의 백틱으로
    위아래를
    감싼다.

*언어에 highlighting도 가능하다

```언어
<html>
  <head>
    <style>
      p {
      color: red
      }
    </style>
  </head>
  <body>
    <p>I love her.</p>
  </body>
</html> 
```이렇게 위아래로 감싸면 된다.

인용문
[입력]

>
인용문이다
나는 인용문이다
나는 정말 인용문이다
>>
나는 중첩인용문이다
>>>
나는 삼중 중첩 인용문이다
>>>>
나는 사중 중첩 인용문이다

[출력]

인용문이다
나는 인용문이다
나는 정말 인용문이다

나는 중첩인용문이다

나는 삼중 중첩 인용문이다

나는 사중 중첩 인용문이다

리스트
1)순서 없는 리스트
[입력]

*별도
+플러스도
-도 똑같이 나오는 불릿 리스트

[출력]

별도

플러스도

도 똑같이 나오는 불릿 리스트

[입력]

* 별도 달도
  - 다 따 줄게
    - 너만을 위해서라면
※스페이스바 두번씩 누르고 입력

[출력]

별도 달도
- 다 따 줄게
  - 너만을 위해서라면

2)순서 있는 리스트
[입력]

1. 첫번째 리스트 항목입니다.
2. 두번째 리스트 항목입니다.
  1) 두번째 리스트의 첫번째 소항목입니다.
  2) 두번째 리스트의 두번째 소항목입니다.

[주의]
여러 리스트들을 나열해서 쓸 때, Enter 줄 바꿈으로 2줄 이상의 공란 입력!
[출력]

첫번째 리스트 항목입니다.
두번째 리스트 항목입니다.
1) 두번째 리스트의 첫번째 소항목입니다.
2) 두번째 리스트의 두번째 소항목입니다.

3)체크 박스
[입력]

- [ ] 아메리카노
- [x] 카페라떼
- [ ] 카푸치노

[출력]

아메리카노
카페라떼
카푸치노

가로선

[입력]

가로선은 ---

[출력]

링크 서식

[입력]

1. 인라인 링크 
[서울여자대학교] (https://https://cyber.swu.ac.kr/ilos/main/main_form.acl)

2. url 링크
<https://cyber.swu.ac.kr/ilos/main/main_form.acl>

3. 링크에 설명 추가
[서울여자대학교 홈페이지 바로가기](https://cyber.swu.ac.kr/ilos/main/main_form.acl "서울여자대학교")
※띄어쓰기 한 번 하기
※입력한 타이틀은 마우스 포인터를 올려두면 확인 가능.

[출력]

인라인 링크
서울여자대학교
url 링크
https://cyber.swu.ac.kr/ilos/main/main_form.acl
링크에 설명 추가
서울여자대학교 홈페이지 바로가기

이미지 삽입
[입력]

1. 일반 이미지 삽입하기
![이미지 설명](이미지 소스 URL)
![노란 오리](https://img.danawa.com/prod_img/500000/869/844/img/2844869_1.jpg?shrink=80:80&_v=20210325103140)

[출력]
1. 일반 이미지 삽입하기

표 입력
1.각 셀의 구분은 파이프 기호(|)로 하며, 제목 셀 아랫줄에 (|-|)을 입력해서 표임을 표시함.
[입력]

|제목 셀1|제목 셀2|제목 셀3|제목 셀4|
|--|--|--|--|
|내용 1|내용 2|내용 3|내용 4|
|내용 5|내용 6|내용 7|내용 8|
|내용 9|내용 10|내용 11|내용 12|

[출력]

제목 셀1	제목 셀2	제목 셀3	제목 셀4
내용 1	내용 2	내용 3	내용 4
내용 5	내용 6	내용 7	내용 8
내용 9	내용 10	내용 11	내용 12

2.정렬 방법
[입력]

|기본값|왼쪽 정렬|가운데 정렬|오른쪽 정렬|
|---|:---|:---:|---:|
|내용 1|내용 2|내용 3|내용 4|
|내용 5|내용 6|내용 7|내용 8|
|내용 9|내용 10|내용 11|내용 12|

[출력]

기본값	왼쪽 정렬	가운데 정렬	오른쪽 정렬
내용 1	내용 2	내용 3	내용 4
내용 5	내용 6	내용 7	내용 8
내용 9	내용 10	내용 11	내용 12

글씨 색깔 바꾸기

1.색상

[입력]

안녕하세요 저는 <span style="color:red">세모</span>라고 합니다.

[출력]
안녕하세요 저는 세모라고 합니다.

2.하이라이트

[입력]

안녕하세요 저는 <span style="background-color: yellow">세모</span>라고 합니다.

[출력]
안녕하세요 저는 세모라고 합니다.

[참고]
튜토리얼

이채현

소프트웨어융합학과 재학 중인 대학생

이전 포스트

<HTML> Unit 2. 웹 페이지 기본 구조와 작성 방법

다음 포스트

Velog 튜토리얼.🐣

h1

h2

h3

h4

h5

h6

<HTML> Unit 2. 웹 페이지 기본 구조와 작성 방법

<HTML> Unit 3. HTML 기본 태그

0개의 댓글