Skip to content

Latest commit

 

History

History
167 lines (122 loc) · 5.38 KB

Table.md

File metadata and controls

167 lines (122 loc) · 5.38 KB

1. Introduction


  • 표를 넣는 기능
  • | (파이프) 와 - (하이픈) 기호를 이용해 작성

2. 사용법


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


  • 표의 각 셀에 있는 내용 정렬. 두번째 줄을 이용하여 정의하며 콜론 : 기호를 사용해 작성

    |항목 1|항목 2|항목 3|항목 4|
    |:---:|:---|---:|---|
    |가운데 정렬|왼쪽 정렬|오른쪽 정렬|내용 4|
    |가운데 정렬|왼쪽 정렬|오른쪽 정렬|내용 8|
    |가운데 정렬|왼쪽 정렬|오른쪽 정렬|내용 12|
    항목 1 항목 2 항목 3 항목 4
    가운데 정렬 왼쪽 정렬 오른쪽 정렬 내용 4
    가운데 정렬 왼쪽 정렬 오른쪽 정렬 내용 8
    가운데 정렬 왼쪽 정렬 오른쪽 정렬 내용 12
  • 만약 가운데 정렬이 되지 않는 경우, <center> 태그로 셀 단위 지정하여 사용

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

2.3. 셀 크기 변경


  • 셀의 글자 공간이 부족해 보기 좋지 않은 경우, 띄어쓰기를 삽입해 강제로 크기 조절이 가능

  • &nbsp;를 이용해 열 길이를 늘림

    - Before
        |항목 1|항목 2|항목 3|
        |---|---|---|
        |내용 1|내용 2|내용 3|
    
    - After     
        |항목 1|항목 2|항목 3|
        |---|---|---|
        |&nbsp;&nbsp;내용 1&nbsp;&nbsp;&nbsp;|내용 2|내용 3|
    • Before

      항목 1 항목 2 항목 3
      내용 1 내용 2 내용 3
    • After

      항목 1 항목 2 항목 3
        내용 1    내용 2 내용 3

2.4. 셀 병합 (확장)


  • 나머지 셀을 공란으로 비우는 경우, 여러 열에 걸쳐있는 셀이 자동으로 병합 (확장)됨
|항목 1|항목 2|항목 3|항목 4|
|---|---|---|---|
|병합 기준점||||
||병합 기준점|||
||||병합 기준점|
항목 1 항목 2 항목 3 항목 4
병합 기준점
병합 기준점
병합 기준점

2.5. 글자 Formatting


  • 기울임 (Italic), 굵게 (Bold) 등 표 내용에도 글자 formatting 가능
|항목 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>|
|[`내부 링크`](#introduction)|[일반 링크](http://tistory.com)|[참조링크][1]|**[링크 강조](http://tistory.com)**|

[1]: http://tistory.com "Tistory"
항목 1 항목 2 항목 3 항목 4
기울임 굵게 취소선 밑줄
밑줄 2 색상 추가 색상 추가, 기울임 밑줄, 색상 추가
내부 링크 일반 링크 참조링크 링크 강조

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



4. 참조 자료