목차

1. 그누보드4 활용강좌에서 함께 하게 되어 반갑습니다.
2. 강좌 게시판에서 사용하실 수 있는 서식
3. 서식 코드 및 예제
   1. 제목 h3, h4, h5
   2. 목록
   3. Syntaxhighlight
   4. Syntaxhighlight 내용비교
   5. 정의, 서술
   6. 이미지와 캡션
   7. 인용문
   8. 단어강조 12년 11월 29일 추가
   9. 테이블
4. 서식을 제안해주세요.

그누보드4 활용강좌에서 함께 하게 되어 반갑습니다.

안녕하세요. sir 꿔다논 보릿자루 지운아빠입니다.
그누보드4 활용강좌가 새롭게 생기니 기쁜 마음을 주체할 수가 없네요. 마음 같아선 당장 퇴근해서 축하주라도 한잔... ㅎㅎㅎㅎㅎ

이번에 특히 '기루기루'님께서 흔쾌히 강좌를 맡기로 용단을 내려주셔서 신설된 그누보드4 활용강좌는 회원님들 누구나 참여하실 수 있는 열린 공간입니다.
강좌를 진행하고 싶으신 회원님들께선 언제든 자유게시판 등에 의사를 밝혀주시면 분류를 만들어 드릴 예정입니다. (제가 아니라 리자님이 ㅎㅎㅎ)

강좌 게시판에서 사용하실 수 있는 서식

강좌 게시판에서는 기본적으로 거의 대부분의 태그를 사용하실 수 있습니다만, 특히 사전에 CSS로 정의된 서식은 다음과 같습니다.
사전에 정의된 내용이 아니더라도 디자인되었으면 하는 부분은 언제든 가감없이 건의해주세요.
각 항목을 클릭하시면 해당 내용으로 이동하실 수 있습니다.

• 제목 h3, h4, h5
• 목록
• Syntaxhighlight
• Syntaxhighlight 내용비교
• 정의, 서술
• 이미지와 캡션
• 인용문
• 단어강조 12년 11월 29일 추가
• 테이블

서식 코드 및 예제

제목 h3, h4, h5

강좌 섹션의 제목

강좌 섹션의 부제

강좌 섹션의 소제목

<h1>, <h2>는 사이트에서 이미 사용 중입니다. 본문에서는 h3,h4,h5 를 사용합니다.
이 코드는 다음과 같이 랜더링 됩니다.

강좌 섹션의 제목

강좌 섹션의 부제

강좌 섹션의 소제목

목록

목록(혹은 목차)는 강좌의 내용이 여러 섹션으로 구성되어 있을 때, 편리하게 이동할 수 있도록 도와줍니다.
마크업은 다음과 같습니다.

목차

섹션 제목

섹션내용

Syntaxhighlight

// program code or html markup 을 여기에 넣으시면 지금 보시는 형태로 출력됩니다.

Syntaxhighlight 내용비교

        // 여기에 원본 소스를 넣으시면 됩니다.
        

        // 여기에 수정 소스를 넣으시면 됩니다.
        

이 코드는 다음과 같이 랜더링 됩니다.

        // 여기에 원본 소스를 넣으시면 됩니다.
        

        // 여기에 수정 소스를 넣으시면 됩니다.
        

정의, 서술

정의나 내용서술에 쓰이는 <dl> 태그는 section 내에 포함되어야 합니다.

정의대상

정의내용

이 코드는 다음과 같이 랜더링 됩니다.

정의대상

정의내용

이미지와 캡션

초코송이 생산과정이 일반인에게 공개되어 충격을 주고 있다.

이 코드는 다음과 같이 랜더링 됩니다.

인용문

이전 예제에서는 HTML 문서에 Gzip을 적용하지 않았다. Gzip을 HTML 문서에 적용하는 것은 모든 웹사이트에 있어서 중요한 작업이지만 플러시 동작을 처리할 때는 약간 더 복잡하게 생각해 보아야 한다. 만약 앞에서 플러시 예제에서 Gzip을 적용했다면 플러시는 응답하지 않을 것이다. 다음 예제를 살펴보도록 하자.

Even Faster Web Sites, 스티브 사우더스

이 코드는 다음과 같이 랜더링 됩니다.

이전 예제에서는 HTML 문서에 Gzip을 적용하지 않았다. Gzip을 HTML 문서에 적용하는 것은 모든 웹사이트에 있어서 중요한 작업이지만 플러시 동작을 처리할 때는 약간 더 복잡하게 생각해 보아야 한다. 만약 앞에서 플러시 예제에서 Gzip을 적용했다면 플러시는 응답하지 않을 것이다. 다음 예제를 살펴보도록 하자.

Even Faster Web Sites, 스티브 사우더스

단어 강조

article
target
padding

이 코드는 다음과 같이 랜더링 됩니다. aricle target padding

테이블

이 코드는 다음과 같이 랜더링 됩니다.

서식을 제안해주세요.

강좌 진행 중 필요하신 서식이 있으시다면 제안해주세요. 이메일이나 댓글로 제안하실 수 있습니다.
이메일 : *** 개인정보보호를 위한 이메일주소 노출방지 ***