|
|
|
1
|
2
|
3
|
4
|
5
|
|
6
|
7
|
8
|
9
|
10
|
11
|
12
|
|
13
|
14
|
15
|
16
|
17
|
18
|
19
|
|
20
|
21
|
22
|
23
|
24
|
25
|
26
|
|
27
|
28
|
29
|
30
|
31
|
|
|
|
|
|
|
|
|
|
|
|
그러면 이번 편에는 저번보다 약간 고급 기능들을 설명해 보기로 하겠습니다.
번호 메기기& 들여쓰기
표준 HTML에서 왕따를 당하는 테그들 중에 훌륭한 테그중에 하나인 <UL> / <OL> / <LI> 등을 위키위키로 작성하는 방법을 설명 해 볼까 합니다. 일단 다음의 예를 먼저 봐 주세요.
예1
If you indent text
like this, then it is indented in the output
you can have multiple levels of indent
And if you put asterisks at the start of the line
* you get a
* bulleted
* list
* which can also be indented
* to several levels
A numbered list, mixed with bullets:
1. one
1. two
1. one
* bullet 1
* bullet 2
1. two
1. three
* bullet
1. one
Variations of numbered lists:
* Lowercase roman
i. one
i. two
* Uppercase roman (with start offset 42)
I.#42 forty-two
I. forty-three
* Lowercase alpha
a. one
a. two
* Uppercase alpha
A. one
A. two
결과1
If you indent text
like this, then it is indented in the output
you can have multiple levels of indent
And if you put asterisks at the start of the line
- you get a
- bulleted
- list
- which can also be indented
A numbered list, mixed with bullets:
- one
- two
- one
- two
- three
Variations of numbered lists:
- Lowercase roman
- one
- two
- Uppercase roman (with start offset 42)
- forty-two
- forty-three
- Lowercase alpha
- one
- two
- Uppercase alpha
- one
- two
글쓴이가 아주 게으르다는 이유로, 그냥 위키위키의 HELP페이지를 슬쩍 복사해서 붙였습니다~.~ 하지만 위의 예1과 결과1을 보시면 대강 어떤 기능을 하는지는 짐작하셨으리라고 생각합니다. 또한 눈치가 빠르신 분들은 문단 시작의 가장 첫번째 칸에 공백문자(스페이스바)를 한개씩 넣으면 해당 단락이 오른쪽으로 일정 공간씩 이동하게 되는것도 짐작 하셨을 것 같습니다. 그럼 공백문자를 이용하여 들여쓰기를 하는 간단한 예를 하나 더 들어보고 이번 섹션을 마치기로 하겠습니다.
예2
들여쓰기 테스트중이지요.
들여쓰기..
들여쓰기
들여쓰기
들여쓰기이이이이
들여쓰기
결과 2
들여쓰기 테스트중이지요.
들여쓰기..
인용문/ 소스코드/ 테이블
이번에는 인용문/소스코드/테이블 등을 입력하는 방법을 알아보겠습니다. 블로그를 쓰다보면 뉴스 기사나 다른이의 글, 유명한 격언이나 일화 등등을 인용해와야 할 일이 많습니다. 이럴때 해당하는 출처를 밝히는 것이 가장큰 예의이겠습니다만, 해당 내용이 인용되었음을 확실히 나타내어 주는것 또한 예의가 아닐까 생각됩니다. 이럴때 다음의 예제와 같이 실제 본문과 차별되게 보여진다면 좀 더 좋겠지요?
예3 인용하기
{{{:
나는 생각한다 고로 존재한다
'''''-르네 데카르트'''''
}}}
결과3 인용하기
나는 생각한다 고로 존재한다
-르네 데카르트
재미있는 점은 인용시에 대괄호 안에서 한정된 위키용 코드를 사용할 수 있다는 점인데, 다음 소개할 소스코드 보여주기 부분과 비교가 되는 점 중에 하나라고 할 수 있습니다.
예4 소스코드 보여주기(자유입력)
{{{
HTML에 <PRE> 테그가 있는것 처럼 위키위키에서도 형식에 구애 받지 않고 입력하고 싶을때가 있
습니다. 예를 들어 소스 코드라던가, 지금처럼 위키위키 테그를 설명하고 싶다던가, 이럴때는
지금과 같은 방법으로 자유 입력을 할 수 가 있습니다.
'''굵은 글씨로 나올까??'''
}}}
HTML에 <PRE> 테그가 있는것 처럼 위키위키에서도 형식에 구애 받지 않고 입력하고 싶을때가 있
습니다. 예를 들어 소스 코드라던가, 지금처럼 위키위키 테그를 설명하고 싶다던가, 이럴때는
지금과 같은 방법으로 자유 입력을 할 수 가 있습니다.
'''굵은 글씨로 나올까??'''
{{{#!c++
/* C++ 등과 같은 소스코드를 넣고 싶을때는 좀더 특화된 문법을 이용해서
Syntax Highlight 기능도 사용이 가능합니다.
*/
#include <bliss.h>
int main(void) {
char atssa;
int merong;
cout << "안녕하세요? 블리스 입니다." << endl;
}
// 앞으로는 다양한 언어의 Highlight를 지원할 예정이라고 합니다.
}}}
/* C++ 등과 같은 소스코드를 넣고 싶을때는 좀더 특화된 문법을 이용해서
Syntax Highlight 기능도 사용이 가능합니다.
*/
#include <bliss.h>
int main(void) {
char atssa;
int merong;
cout << "안녕하세요? 블리스 입니다." << endl;
}
// 앞으로는 다양한 언어의 Highlight를 지원할 예정이라고 합니다.
예4 테이블
||||||'''Heading'''||
||cell 1||cell2||cell 3||
||cell 1||||spanning 2 columns||
||||'''Hybrid table'''||
||<|2> 1||1-1||
||1-2||
||||||'''BG Color'''||
||<#fcfcfc>cell 1||cell2||cell 3||
| Heading |
| cell 1 | cell2 | cell 3 |
| cell 1 | spanning 2 columns |
| BG Color |
| cell 1 | cell2 | cell 3 |
아~ 점점 게을러지다 보니 복잡해 보이는 테이블 넣기는 대충 무성의 하게 예제만 딸랑...
이것으로 썰렁한 2편도 마쳐야 할 시간이 돌아왔습니다. (글쓰다가 벌써 지쳤네요 ~.~ )
다음편에는 첨부 이미지를 다양하게 보여주는 방법과, URL링크 하기, IMG 링크하기 등등에 대해서 알아 보겠습니다.
|
|
|
|
|
 답글쓰기 (17)  |
|
 |
2편도 당근 스크랩해 갑니다. 정말 좋은 정보네요. |
|
03/12/18
(목) 오전 10:33
 |
|
|
|
관심이 없기는요.. 이제부터 자주 올 예정입니다 ^^ |
|
03/12/21
(일) 오후 3:17
 |
|
|
|
아앗 두 분 모두 감사합니다. |
|
03/12/22
(월) 오전 9:36
 |
|
|
|
위키위키 테스트 해봤는데,
표그리기에서 배경색은 잘 안먹던데,
야후에서는 안되나요 ? |
|
|
03/12/26
(금) 오후 6:18
|
|
|
|
원래는 먹어야 정상인데 CSS를 잘못 만들어서 BGCOLOR 가 안먹나보네요. ~.~ 조만간 고치지겠죠... |
|
|
03/12/29
(월) 오후 1:04
|
|
 |
흐흐흐 깜짝 놀래키는 질문
bliss 님 블로그 맨 왼쪽 위쪽에 있는 썬글라서 그거 구할라면
어떻게 해요 하죠 ?? |
|
|
03/12/29
(월) 오후 9:29
|
|
|
|
오잉 썬글라서라 하심은??? 아바타 말씀하신거라면 돈주고 구매를 ~.~
그 위에 리본이라면, 스킨 중에 크리스마스2인가 3을 골라보세요 |
|
|
03/12/30
(화) 오전 10:06
|
|
|
|
ㅋㅋ 아바타 썬글라서 이야기지요 ^^ |
|
|
03/12/30
(화) 오후 12:55
|
|
|
|
잘보고 갑니다. 그런데 스크랩을 해가니 위키위키가 적용이 안되는건지...이상하네요... 줄간격도 벌어지는 것 같구... 여튼 그래서 Bliss님의 강좌를 보고 따라하면서 글을 옮겨적고 있습니다. ^^a |
|
04/01/21
(수) 오후 3:26
 |
|
 |
다만 현재 적응하지 못한 것이 네모칸 안에 또 네모칸 넣기인데요...{{{로 시작해서 네모칸을 만들고 그 안에 네모칸 만들기 소스를 보여주기 위해 {{{과 }}}를 넣어주면 네모칸이 예기치도 못한 곳에서 깨지더군요. 어떻게 하신건가요?? |
|
|
04/01/21
(수) 오후 3:27
|
|
|
|
아참 하나더요...위키위키 쓸때는 HTML태그는 사용 불가한건가요?? |
|
|
04/01/21
(수) 오후 4:52
|
|
|
|
잘 보셨다니 감사드리고, 스크랩시에는 그냥 HTML로만 스크랩이 되어서 좀 이상하게 스크랩 되는 경우가 있는것 같네요.
그리고 {{{ }}} 사이에 {{{ 를 넣으실때는 앞에다가 \를 넣어서 \{{{를 써 보세요. 강좌에 적을까 하다가 그다지 쓰는 사람이 없을듯 해서 안적었습니다 ~.~(사실은 게으름에..)
마지막으로 HTML은 불가능한데 원래 WIKIWIKI문법에서는 마크로를 통해서 지원하지만 야후! 블로그는 HTML마크로를 지원을 하지를 않습니다. |
|
|
04/01/21
(수) 오후 9:20
|
|
 |
아 감사합니다. ^^ 많이 배우고 갑니다요. |
|
|
04/01/21
(수) 오후 10:10
|
|
|
|
흠... 드뎌 테이블에 대한 위키를 정복할 수 있을 거란 예감이...
제가 한번 시도 해보고요... 모르는 것 있으면 바로 질문드리도록 하겠습니다요. |
|
|
04/02/06
(금) 오전 5:01
[CRofV] |
|
 |
바로위 CR/V 님의 고폭실험장이 제 블로그 방명록이 되지 않기를
기원하면서... |
|
|
04/02/06
(금) 오전 10:27
|
|
|
|
바로 즐겨찾기 등록! |
|
|
04/02/09
(월) 오후 10:50
[애니] |
|
|
|
초보라서 아무것도 안되네요 |
|
|
06/09/07
(목) 오후 6:48
[aas63818] |
|
http://kr.blog.yahoo.com/bliss_with_lydia/trackback/22680/70319
|
|
|
|
|
|
|
|
|
