테이블(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)의 생성, 테두리 추가, 테이블 셀 병합, 정렬, 배경색 등에 대해 알아보았습니다. 이제 당신은 테이블을 다양하게 사용할 수 있을 것입니다.
댓글