본문 바로가기
카테고리 없음

테이블(Table) 사용법 총정리(만들기,테두리,병합,정렬,배경색 등등)

by kangs' tong 2023. 11. 14.

테이블(Table) 사용법 총정리

1. 테이블 만들기

테이블을 만들기 위해서는 다음과 같은 형식을 사용합니다:

| 헤더 셀 1 | 헤더 셀 2 |
|----------|----------|
| 내용 1   | 내용 2   |
| 내용 3   | 내용 4   |

위 형식을 markdown 형식으로 작성하면 다음과 같은 테이블이 생성됩니다:

헤더 셀 1 헤더 셀 2
내용 1 내용 2
내용 3 내용 4

2. 테두리 추가

테이블에 테두리를 추가하려면 테이블 위와 아래에 ---를 추가합니다:

| 헤더 셀 1 | 헤더 셀 2 |
|----------|----------|
| 내용 1   | 내용 2   |
| 내용 3   | 내용 4   |

위 형식을 markdown 형식으로 작성하면 다음과 같은 테이블이 생성됩니다:

헤더 셀 1 헤더 셀 2
내용 1 내용 2
내용 3 내용 4

3. 테이블 셀 병합

테이블에서 셀을 병합하기 위해선 병합하려는 셀들 위에 ^를 추가합니다:

|  병합   | 헤더 셀 2 |
|---------|----------|
| ^내용 1^ | 내용 2   |
| 내용 3   | 내용 4   |

위 형식을 markdown 형식으로 작성하면 다음과 같은 테이블이 생성됩니다:

병합 헤더 셀 2
^내용 1^ 내용 2
내용 3 내용 4

4. 테이블 정렬

테이블에서 셀의 정렬을 변경하기 위해선 헤더 셀 아래에 :---, :---:, ---:을 추가합니다. 각각 왼쪽 정렬, 가운데 정렬, 오른쪽 정렬을 의미합니다:

| 헤더 셀 1 | 헤더 셀 2 |
|:--------|:-------:|
| 좌측 정렬  | 가운데 정렬 |
| 내용 3   | 오른쪽 정렬 |

위 형식을 markdown 형식으로 작성하면 다음과 같은 테이블이 생성됩니다:

헤더 셀 1 헤더 셀 2
좌측 정렬 가운데 정렬
내용 3 오른쪽 정렬

5. 테이블 배경색

테이블에 배경색을 추가하기 위해선 html 태그 <style></style>을 사용하고 background-color 속성을 이용합니다:

<style>
    table {
        background-color: lightgray;
    }
</style>

위 형식을 markdown 형식으로 작성하면 다음과 같은 테이블이 생성됩니다:

헤더 셀 1 헤더 셀 2
내용 1 내용 2
내용 3 내용 4

마무리

위에서는 테이블(Table)의 생성, 테두리 추가, 테이블 셀 병합, 정렬, 배경색 등에 대해 알아보았습니다. 이제 당신은 테이블을 다양하게 사용할 수 있을 것입니다.

댓글