1 분 소요

마크다운 문법으로 테이블을 만들어보자.



1. 테이블 만들기

테이블의 셀은 파이프 | 기호로 구분한다.
첫 번째 열에 있는 셀들은 헤더(제목) 셀이 된다.
헤더 셀 아래에 |---|을 입력하여 테이블임을 알린다.


코드 예제

지킬(jekyll)에서 테이블이 렌더링이 되지 않으면, 테이블의 위아래로 스페이스 2칸을 포함한 개행을 시켜주어야 한다.

|제목|제목|제목|
|---|---|---|
|내용|내용|내용|
|내용|내용|내용|
|내용|내용|내용|


결과

제목 제목 제목
내용 내용 내용
내용 내용 내용
내용 내용 내용




2. 정렬하기

테이블의 정렬은 : 기호로 설정한다.
헤더 셀 아래의 |---|에 원하는 정렬 방향으로 : 기호를 입력하면 된다.

  • |:---| 왼쪽에 입력하면 왼쪽 정렬
  • |---:| 오른쪽에 입력하면 오른쪽 정렬
  • |:---:| 양쪽에 입력하면 가운데 정렬

기본값은 왼쪽 정렬이다.


코드 예제

|제목|제목|제목|제목|
|---|:---|:---:|---:|
|기본값|왼쪽 정렬|가운데 정렬|오른쪽 정렬|
|기본값|왼쪽 정렬|가운데 정렬|오른쪽 정렬|
|기본값|왼쪽 정렬|가운데 정렬|오른쪽 정렬|


결과

제목 제목 제목 제목
기본값 왼쪽 정렬 가운데 정렬 오른쪽 정렬
기본값 왼쪽 정렬 가운데 정렬 오른쪽 정렬
기본값 왼쪽 정렬 가운데 정렬 오른쪽 정렬




3. 셀 확장하기

빈 셀은 자동으로 확장된다.


코드 예제

|제목|제목|제목|
|---|---|---|
|||왼쪽 확장|
||가운데 확장||
|오른쪽 확장|||


결과

제목 제목 제목
    왼쪽 확장
  가운데 확장  
오른쪽 확장    




4. 셀 강조하기

일반 텍스트와 마찬가지로 셀의 내용을 강조할 수 있다.

  • 이탤릭체는 * 또는 _ 기호로 감싼다.
  • 볼드체는 ** 또는 __ 기호로 감싼다.
  • 이탤릭체와 볼드체를 함께 적용하려면, *** 또는 ___ 기호로 감싼다.
  • 밑줄은 u 태그를 사용한다.
  • 컬러 변경은 span 태그에 style 속성을 사용한다.


코드 예제

|제목|제목|
|---|---|
|*이탤릭체*|_이탤릭체_|
|**볼드체**|__볼드체__|
|***이탤릭체 + 볼드체***|___이탤릭체 + 볼드체___|
|<u>밑줄</u>||
|<span style="color:red">컬러 변경</span>|<span style="color:green">컬러 변경</span>|


결과

제목 제목
이탤릭체 이탤릭체
볼드체 볼드체
이탤릭체 + 볼드체 이탤릭체 + 볼드체
밑줄  
컬러 변경 컬러 변경

참고