|
오늘 |
전체 |
|
| 방문자 |
951 |
1977222 |
|
| 구독자 |
0 |
3929 |
|
| 답글 |
0 |
7564 |
|
| 참조글 |
0 |
223 |
|
|
|
|
|
|
|
|
|
그러면 이번 편에는 저번보다 약간 고급 기능들을 설명해 보기로 하겠습니다.
번호 메기기& 들여쓰기
표준 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 링크하기 등등에 대해서 알아 보겠습니다.
|
|
|
|
|
답글쓰기 (19)  |
|
 |
나는 생각한다 고로 나는 존재한다. |
|
|
06/09/14
(목) 오후 7:57
[촌부] |
|
 |
푸하하하  |
|
|
06/11/16
(목) 오후 8:43
[박예진] from 221.141.110.247 |
|
 |
잘 보고 가여~~~~ |
|
|
07/01/14
(일) 오후 10:02
[쪼아쪼아] |
|
 |
잘많들었어요 |
|
|
07/01/17
(수) 오후 5:34
[초원공주] |
|
 |
저홈피에 |
|
|
07/01/17
(수) 오후 5:34
[초원공주] |
|
 |
잘보고 갑니다. 좋은글과 아이디어 정보글 제 블로그에도 남겨 주시기 바랍니다. |
|
|
07/01/27
(토) 오후 5:49
[t05056784972] |
|
 |
좋은자료 보고갑니다.
블로그에 행운이 가득하길 바래요
제 블로그에도 놀러오세요 좋은정보 많습니다. |
|
|
07/02/15
(목) 오후 4:38
[ehappyshop] |
|
 |
질문 있습니다. 위에 보면 초록색 테두리선에 노란색이 감도는 부분 있죠? 그거 태그가 어떻게 되는가요? <pre class='wiki'>를 소스에 넣어보니까 갑자기 글 전체가 엉망이 되어서 부랴부랴 원상복구...깔끔하게 박스 안에 글을 넣고 싶은데 태그를 당체 알아야 말이지...^ㄴ^;; |
|
07/02/15
(목) 오후 5:04
|
|
 |
정말이야 |
|
|
07/02/15
(목) 오후 6:34
[돼지삼겹살] |
|
 |
Schutz 님,
테이블 테두리에 색이 들어간건 html 태그이구요 twiki 에는 지원이 안된답니다. ^^ |
|
07/02/16
(금) 오전 10:44
|
|
 |
제가 새로 노트북을 구입하려고 하는데요, 여기에 윈도우 비스타가 깔려있습니다. 혹시, 블로그 편집기 구동에 문제가 없을까 걱정이 되는데요...왜냐하면 제가 집에서 쓰는 컴이 아무리 무슨 짓을 해도 편집기가 설치되지 않아서 집에서는 업데이트를 못하는 형편이거든요. 야후측에서는 혹시 점검을 해보셨는지 궁금해서 질문 드립니다.  |
|
|
07/02/16
(금) 오전 11:54
[제니퍼] from 76.213.153.169 |
|
 |
제니퍼 님,
비스타에서 편집기는 특별한 이상은 없습니다만 비스타에 IE7이 기본 설치되므로 사진꾸미기 기능은 사용하실수 없습니다. |
|
07/02/20
(화) 오후 4:21
|
|
 |
ㄳ합니다 잘배웠습니다! 꾸벅^^ |
|
|
07/04/15
(일) 오후 8:52
[꼼꼼한노력가] |
|
|
|
|
07/04/17
(화) 오후 1:53
[권오철] from 59.21.126.58 |
|
 |
조금씩 배워우면 재미있는 글쓰기가 가능하겠네요 |
|
07/04/30
(월) 오후 3:56
|
|
 |
많이 배우면 되지 |
|
|
07/05/13
(일) 오후 5:02
[inseo710] |
|
 |
로어아나나로ㅗㅇ  |
|
|
07/08/02
(목) 오후 1:00
[정초롬] from 211.253.115.156 |
|
 |
1 |
|
|
08/03/21
(금) 오후 2:47
[leeys7614] |
|
 |
1 |
|
|
08/03/21
(금) 오후 2:47
[leeys7614] |
|
|
|
|
|
| 부업 |
| 성공합시다 낙서장
2007/04/16 10:48
http://blog.naver.com/baejoonchul/100036474294
4천원으로 8억벌기
만만하게 볼 수 없는 부업의 금액
용감하게 룰을 지키며 해보자구요~!!
딱!! 5분만 읽어봐주세요! 후회없을 겁니다.
저두 첨엔 안 믿었는데 믿져야 본전이구 해서 시작했답니다~
직장 다니면서도 하루 2시간이면 ok!
재택업무!! 해결 ... |
|
07/05/09
(수) 오후 11:28
[jyj0695의 블로그] |
|
|
|
|
|
|
http://kr.blog.yahoo.com/moooogirl2003/trackback/49583/1364028
|
|
|
|
|
|
|
|
|