도움말:도표 만들기: 두 판 사이의 차이

내용 삭제됨 내용 추가됨
잔글 rev.
rev.
2번째 줄:
위키책에서 글을 쓰면서 통계나 또는 다른 자료들은 한데 묵어서 쓰면 글이 일목요연할 뿐만 아니라 또한 읽는 사람에게 편리합니다. 이와 같이 글을 한데 묵어 쓰기 위해서는 HTML의 간단한 코드를 알고 있어야합니다. 다시 말해 글을 가로와 세로로 정리하여 도표로 만드는 일은 HTML 코드로 처리할 수 있으며. 이와 같은 일을 이른바 포맷이라고 부릅니다. 아래에는 참여자께서 HTML의 정확한 지식없이도 간단히 도표를 포맷하는 요령입니다.
}}
{{Frame-head2}}
{| width="100%" cellspacing="8px" cellpadding="8px"
{{headline2|== 마련된 'Prettytable'을 써서}} ==
{| width="100%" class="prettytable" cellspacing="1px"
|- bgcolor="#DADADADFDFDF"
! 코드/보기
! 결과
|-
| width="50%" align="left" |
| bgcolor=#FBFBFB valign="top" style="border:1px solid #9FC9F3; border-bottom:2px solid #015DB8; border-right:2px solid #015DB8;" |
<pre><nowiki>
{{headline2|마련된 'Prettytable'을 써서}}
{| width="100%" class="Prettytable"
{| class="prettytable"
|- bgcolor="#DADADADFDFDF"
! 위키책 유형
! 뜻
|-
| [[Wikibooks:위키책 입문서]]
| 여러 분야의 입문서
|-
| [[Wikibooks:위키책 참고서]]
| 여러 분야의 참고서
|-
| [[Wikibooks:위키책 전기]]
| 유명 인물의 전기
|-
|}
</nowiki></pre>
 
| valign="top" |
위의 도표는 다음과 같은 코드를 써서 만든 것입니다.
{| width=90% class="prettytable"
<pre><nowiki>
|-bgcolor="#DFDFDF"
{| class="Prettytable"
|- bgcolor="#DADADA"
! 위키책 유형
! 뜻
|-
| [[Wikibooks:위키책 입문서]]
| 여러 분야의 입문서
|-
| [[Wikibooks:위키책 참고서]]
| 여러 분야의 참고서
|-
| [[Wikibooks:위키책 전기]]
| 유명 인물의 전기
|-
|}
|}
</nowiki></pre>
=== 코드 설명 ===
* 첫 줄에서 보는 코드 <code>{|</code>는 도표를 시작하는 것을 뜻하며
* 마지막 줄의 <code>|}</code>는 도표를 끝내는 것을 뜻합니다.
* <code>width="100%"</code>는 표가 화면에서 차지하는 너비를 뜻합니다.
* <code>class="Prettytable"</code>이라는 것은 한국어 위키책의 [[MediaWiki:Common.css]]에 정한 도표의 포맷을 따른다는 것을 뜻합니다.
* <code>bgcolor="#DADADADFDFDF"</code>는 밑의 두 줄의 칸의 바탕 색을 정하는 코드입니다.
** 색깔은 바꾸기 위해서는 육진수 'DADADADFDFDF'를 바꾸면 됩니다.
* 느낌표는 <code>!</code> 는 도표의 해당 칸의 낱말을 가운데 그리고위치시키면서 또한 굵은 글씨로 포맷시키며포맷시킨다는 것을 뜻합니다.
* 작대기는 <code>|</code> 는 도표의 해당 칸의 낱말을 왼쪽에 그리고 보통 글씨로 포맷시킨다는 것을 뜻합니다.
* 표식 <code>|-</code> 은 도표의 가로 줄을 바꾼다는 것을 뜻합니다.
* 참여자께서 편집창을 열어 이리저리 한 번 실험을 하여보면 어떻게 도표가 만들어지는지 쉽게 알 수 있습니다.
{{Frame-end}}
|}
__NOTOC__
[[Category:위키책]]