강좌 & 팁
안녕하세요. 송기석입니다.
오늘은 미디어위키에서 표를 만들어 보겠습니다.
다음은 제가 만들고자 하는 표입니다.
위의 표는 제가 사내 네트워크 IP 대역을 정리 하기 위해 만든 표입니다.
이 표를 기본으로 원하시는 모양의 다양한 표를 쉽게 만들 수 있습니다.
{| class="wikitable"
|+제목
|style="width: 110px; background-color: #dee7ec;"|
|style="width: 110px; background-color: #dee7ec;"| 0
|style="width: 110px; background-color: #dee7ec;"| 1
|style="width: 110px; background-color: #dee7ec;"| 2
|style="width: 110px; background-color: #dee7ec;"| 3
|style="width: 110px; background-color: #dee7ec;"| 4
|style="width: 110px; background-color: #dee7ec;"| 5
|style="width: 110px; background-color: #dee7ec;"| 6
|style="width: 110px; background-color: #dee7ec;"| 7
|style="width: 110px; background-color: #dee7ec;"| 8
|style="width: 110px; background-color: #dee7ec;"| 9
|-
|style="background-color: #dee7ec;"| 0 || X || 1 <br /> 1칸 내용 || || || || || || || ||
|-
|style="background-color: #dee7ec;"| 10
| colspan=10 style="text-align:center;" | 10 ~ 19 <br /> 10칸 내용
|-
|style="background-color: #dee7ec;"| 20
| colspan=5 style="text-align:center;" | 20 ~ 24 <br /> 5칸 내용
| colspan=5 style="text-align:center;" | 25 ~ 29 <br /> 5칸 내용
|}
표를 만든 코드를 간단히 설명하면
표는 {| 으로 시작하고 |} 으로 끝납니다.
|+ 제목을 넣어 줍니다.
표의 크기를 지정해 주기 위해 스타일에 넓이를 정합니다.
특정한 스타일이 들어가면 스타일이 있는 칸만 한 줄에 표시 합니다.
행을 나누기 위해 |- 를 사용했습니다.
열은 | 내용 이나 | 스타일 | 내용 혹은 | 내용 || 내용 형태로 구분합니다.
병합을 하기 위해 colspan 를 사용했습니다.
감사합니다.