Favicon

Table

Peponi │ 10/30/2024 │ 5m

Markdown
Syntax<table>

1. Introduction

표를 넣는 기능으로 | (파이프) 와 - (하이픈) 기호를 이용해 작성한다.

2. 사용법

2.1. 기본 사용법

Markdown
|항목 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.2. 셀 정렬

표의 각 셀에 있는 내용을 정렬할 수 있다. 두번째 줄을 이용하여 정의하며 콜론 : 기호를 사용해 정렬 방향을 설정한다.

Markdown
|항목 1|항목 2|항목 3|항목 4|
|:---:|:---|---:|---|
|가운데 정렬|왼쪽 정렬|오른쪽 정렬|내용 4|
|가운데 정렬|왼쪽 정렬|오른쪽 정렬|내용 8|
|가운데 정렬|왼쪽 정렬|오른쪽 정렬|내용 12|
항목 1항목 2항목 3항목 4
가운데 정렬왼쪽 정렬오른쪽 정렬내용 4
가운데 정렬왼쪽 정렬오른쪽 정렬내용 8
가운데 정렬왼쪽 정렬오른쪽 정렬내용 12

가운데 정렬이 되지 않는 경우에는 <center> 태그를 셀 단위로 지정하여 사용할 수 있다.

Markdown
|항목 1|항목 2|항목 3|<center>항목 4</center>|
|:---:|:---|---:|---|
|가운데 정렬|왼쪽 정렬|오른쪽 정렬|내용 4|
|가운데 정렬|왼쪽 정렬|오른쪽 정렬|<center>내용 8</center>|
|가운데 정렬|왼쪽 정렬|오른쪽 정렬|내용 12|
항목 1항목 2항목 3
항목 4
가운데 정렬왼쪽 정렬오른쪽 정렬내용 4
가운데 정렬왼쪽 정렬오른쪽 정렬
내용 8
가운데 정렬왼쪽 정렬오른쪽 정렬내용 12

2.3. 셀 병합 (확장)

나머지 셀을 공란으로 비우는 경우, 여러 열에 걸쳐있는 셀이 자동으로 병합 (확장) 된다.

Markdown
|항목 1|항목 2|항목 3|항목 4|
|---|---|---|---|
|병합 기준점||||
||병합 기준점|||
||||병합 기준점|
항목 1항목 2항목 3항목 4
병합 기준점
병합 기준점
병합 기준점

2.4. 글자 Formatting

기울임 (Italic), 굵게 (Bold) 등 표 내용에도 글자 formatting이 가능하다.

Markdown
|항목 1|항목 2|항목 3|항목 4|
|---|---|---|---|
|*기울임*|**굵게**|~~취소선~~|<u>밑줄</u>|
|<span style="text-decoration: underline;">밑줄 2</span>|<span style="color: blue;">색상 추가</span>|<span style="color: blue;">*색상 추가, 기울임*</span>|<span style="text-decoration: underline; color: red;">밑줄, 색상 추가</span>|
|[`내부 링크`](#1-introduction)|[일반 링크](https://google.com)|[참조링크][1]|**[링크 강조](https://google.com)**|
 
[1]: https://google.com "Google"
항목 1항목 2항목 3항목 4
기울임굵게취소선밑줄
밑줄 2색상 추가색상 추가, 기울임밑줄, 색상 추가
내부 링크일반 링크참조링크링크 강조

3. 기타 - 테이블 제너레이터 이용

아래는 마크다운 테이블 생성 사이트이다.

  1. Tables Generator
  2. TableConvert

4. 참조 자료