팁 적기

텍스트 포맷

Filtered HTML

  • BBCode Guide

    BBCode allows you to specify formatting rules for your text, even if you are not allowed to use HTML in your posts. BBCode originated from the forum software named PHPBB, and this site has a special implementation of it.

    In BBCode terms, you use "tags" to add formatting to your text. Every tag is enclosed in [ and ] brackets. If you want to mark some region in your text, you need to use an opening tag and a closing tag. Closing tags start with [/, as you will see in the examples below. If you mistype a tag or forget to close it, you will not get the desired formatting.

    Simple text formatting

    BBCode allows you to make some parts of your texts stand out from the context by adding [b]old, [i]talic, [u]nderlined and [s]trikeout formatting to them. The [color], [size] and [font] tags allow you to change the color, size and font of portions of the text you enclose with these tags. Both require a parameter (which colour, how big, what font) that is suffixed to the name of the tag by an equals sign (example below). You should not repeat the parameter in the closing tag!

    You can specify any recognized color name (red, blue, green, white, etc.) or a hexadecimal color value (#CDCDCD, #FFFFFF, etc.) as the parameter of a [color] tag. The [size] tag allows you to set the font size between 6 and 48, 6 being the smallest size. Note that using very large text is considered by many to be annoying, and it is seldom a good idea to try to attract more attention to your post in this way. The [font] tag can be set to any valid font face, such as Arial, Arial Black, Courier, Courier New, Helvetica, Impact, Times New Roman, Verdana, etc.

    usagedisplay
    I [b]need to do[/b] this by the weekend I need to do this by the weekend
    John said that [i]we should[/i] ask her John said that we should ask her
    I [u]would not like to[/u] offend you I would not like to offend you
    Let's correct this [s]mispelled[/s] misspelled word Let's correct this mispelled misspelled word
    Jane was at [color=blue]the coast[/color] Jane was at the coast
    Joe was in [color=#FF0000]the forest[/color] Joe was in the forest
    You said: [size=30]HEY![/size] You said: HEY!
    She said: [font=Courier]What?[/font] She said: What?

    Creating Headings

    Headings are an important part of articles.

    You can use tags [h1] to [h6] to format headings corresponding to HTML's <h1> to <h6>

    Examples:
    [h1]Level 1 Heading[/h1]

    Level 1 Heading

    [h2]Level 2 Heading[/h2]

    Level 2 Heading

    [h3]Level 3 Heading[/h3]

    Level 3 Heading

    [h4]Level 4 Heading[/h4]

    Level 4 Heading

    [h5]Level 5 Heading[/h5]
    Level 5 Heading
    [h6]Level 6 Heading[/h6]
    Level 6 Heading

    Creating links

    You have multiple options to specify links to other destinations in your posts.

    URLs (Uniform Resource Locators) starting with "www" or "ftp" (eg. www.example.com) are automatically recognized and replaced with links. You can also use the [url] tag with a parameter to specify a link with meaningful text to click on. If you use the url tag without the parameter, the enclosed text is assumed to be a URL, and a link is created to that destination.

    Email addresses in posts are also automatically converted to email links. For compatibility with common BBCode implementations, an [email] tag is provided.

    usagedisplay
    For more examples, visit www.example.com For more examples, visit www.example.com
    For more examples, visit http://example.com For more examples, visit http://example.com
    If you have questions ask me at joe@example.com If you have questions ask me at joe@example.com
    If you have questions ask me at [email]joe@example.com[/email] If you have questions ask me at joe@example.com
    We use [url=http://example.com/]the example site[/url] in these examples We use the example site in these examples
    We use [url]http://example.com/[/url] in these examples We use http://example.com/ in these examples

    Anchors

    Many times, you want to refer to a particular part of text from some another part. Using anchors this is possible.

    To use anchors, use [anchor=name]TEXT[/anchor] To refer this at another place, use [url=#name]My old referenece[/url] The name must be same at both places.

    Displaying images

    The [img] tag allows you to display an image in your post. You need to specify a URL to the image, so it needs to be accessible somewhere on the internet. Beware of adding very large images to your text, or the page will load very slowly!

    If you enclose a URL in an [img] tag, then it will be replaced with code to display the image. For example A good screenshot: [img]http://example.com/screenshot.png[/img] will show you the screenshot (if it exists).

    You can also specify the desired display dimensions of the image by adding a dimension parameter to the [img] tag. A good screenshot: [img=640x480]http://example.com/screenshot.png[/img] will display the image in 640x480 (though the full image will be downloaded). Do not use this to show a thumbnail of an image!

    You are free to link an image to an external destination by enclosing the [img] tag with a [url] tag: See [url=http://example.com][img]http://example.com/screenshot.png[/img][/url].

    Google, Wikipedia and Youtube

    To refer to Google and Wikipedia use this:
    [google]The search query[/google], this will output search query as a link http://www.google.com/search?q=The+search+query
    [wikipedia]Wiki Page[/wikipedia], this will output a link as http://http://www.wikipedia.org/wiki/Wiki Page
    To embed Youtube videos, use this:
    [youtube]Video Code i.e. the string that appears after v= in http://www.youtube.com/watch?v=[/youtube], this will embed the video

    Abbreviations and Acronyms

    Using the [abbr] and [acronym] tags, you can create abbreviations and acronyms.
    [abbr=full expansion]shortname as displayed[/abbr]
    [acronym=full expansion]shortname as displayed[/acronym]

    Tables

    Some formatting using tables can be done as below:

    The table code for rows, columns and heads must be enclosed between [table] and [/table]
    Rows can be specified using [row], [r] or [tr]. Just enclose the text between the tag.
    You can also specify the row's background color using the color property of the tag i.e. [row color=#FFFFFF]. It should be in hexadecimal form, the default format for HTML colors.
    Columns can be specified by enclosing the text between [col], [c] or [td]
    Column headings (th tag) can be specified by enclosing the head text between [header], [head] or [h].

    Ordered and unordered lists and indentation

    The simplest list type is the unordered list, which means that there is no numbering applied to the elements. You can make such a list by enclosing the list elements in [list] opening and closing tags. Specify the start of one element with the [*] list element marker, which has no closing tag pair.

    To create an ordered list, you should add a parameter to the [list] list tag specifying what type of ordered list you would like to see. The possible parameters are "i", "I", "1", "a", "A", "c", "d" and "s" which all correspond to the display of the first list element.

    To indent some text, you need to follow this syntax - [indent]TEXT[/indent]. You can use nested indentation to show various indentation levels. [indent]TEXT1
    [indent]TEXT2[/indent]
    [/indent]

    usagedisplay
    I love
     [list]
      [*]Oranges
      [*]Apples
      [*]Bananas
     [/list]
    
    I love
    • Oranges
    • Apples
    • Bananas
    I love
     [list=I]
      [*]Oranges
      [*]Apples
      [*]Bananas
     [/list]
    
    I love
    1. Oranges
    2. Apples
    3. Bananas
    I love
     [list=1]
      [*]Oranges
      [*]Apples
      [*]Bananas
     [/list]
    
    I love
    1. Oranges
    2. Apples
    3. Bananas
     I love
     [indent]computing
     [indent]and I am a geek[/indent]
     [/indent]
     
    I love
    computing
    and I am a geek

    Fixed-width text and block formatting

    You can use the [code] tag to add an inline fixed-width formatted part or to add a block of (usually program) code. If there is any newline present between the opening and closing tags, then a block will be displayed.

    Similarly, the [php] tag can be used to post PHP code. PHP code will automatically be syntax highlighted for easier readability.

    usagedisplay
    Edit your [code]robots.txt[/code] file Edit your robots.txt file
    An HTML title example:
    [code]
    <head>
     <title>Page Title</title>
    </head>
    [/code]
    An HTML title example:
    <head>
     <title>Page Title</title>
    </head>
    Some PHP code:
    [php]
    <?php
    function hello()
    {
      echo "Hello World!";
    }
    ?>
    [/php]
    Some PHP code:
    <?php
    function hello()
    {
      echo
    "Hello World!";
    }
    ?>

    Text and block alignment

    You can also set the alignment of the text by using [left], [right] and [center] tags. The [float] tag can be used to place floating boxes in the text (especially handy for images). You can specify the direction of the floating with [float=left] and [float=right]. The [justify] tag can be used justify text on both sides of the page.

    Other supported tags

    It is possible to quote something that has already been posted, by just putting [quote][/quote] tags around it. To quote a specific person, use something like [quote=John]. Quote tags can be nested.

    The [sub] and [sup] tags can be used to add subscript and superscript text. For example, H[sub]2[/sub]O gives H2O, while X[sup]3[/sup] gives X3.

    The [acronym] tag allow you to identify text as an acronym and provide a description when users move their mouse over the tag. For example, [acronym=Structured Query Language]SQL[/acronym] produces SQL.

    The [abbr] tag allow you to identify text as an abbreviation and provide a description when users move their mouse over the tag. For example, [abbr=World Wide Web]WWW[/abbr] produces WWW.

    The [notag] tags prevent text inside the tags from being parsed. This allows you to give examples of BBcode and not have it converted to HTML. For example: [notag]These [b]tags[/b] are not rendered[/notag] will produce "These [b]tags[/b] are not rendered".

    The [hr] tag draws a horizontal line across the page. Handy for separating chunks of text.

    Using multiple formatting tags

    You can apply more than one formatting specification to a portion of some text. I was at [b][i]the coast[/i][/b] will be rendered as I was at the coast.

    Make sure that you take care of the proper order of the opening and closing tags. You should close the tags in the opposite order in which you opened them. Otherwise you might get very strange rendering results. Also check your post with the preview function before submitting it, in case there are formatting errors due to improper BBCode usage.

  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

    이 사이트는 HTML 사용을 허용합니다. HTML의 모든 것을 배우기는 좀 힘들지 몰라도 몇몇 기본적인 HTML 태그의 사용법은 쉽게 익힐 수 있습니다. 이 사이트에서 사용할 수 있는 태그의 예를 표에서 볼 수 있습니다.

    자세한 내용은 W3C의 HTML 사양 을 참조하거나 인터넷에서 HTML을 설명해 주는 사이트를 찾아보세요.

    태그 설명이렇게 치면이렇게 됩니다
    기본적으로 단락 태그가 자동으로 붙도록 되어 있으니, 단락을 더 추가하려는 경우에 이 태그를 사용해 주십시오.<p>첫 번째 단락</p> <p>두 번째 단락</p>

    첫 번째 단락

    두 번째 단락

    div 태그에 대한 도움말은 없습니다.
    span 태그에 대한 도움말은 없습니다.
    기본적으로 줄바꿈 태그가 자동으로 붙도록 되어 있으니, 추가로 줄바꿈을 하려는 경우에 이 태그를 사용해 주십시오. 이 태그는 다른 태그처럼 열기/닫기 짝을 이뤄서 쓰이지 않는다는 점이 다릅니다. XHTML 1.0 호환성 유지를 위해 태그 안에 " /"를 덧붙여 주십시오.줄바꿈을 하는 <br />어떤 글줄바꿈을 하는
    어떤 글
    다른 페이지로 가는 링크를 만듭니다.<a href="https://kldp.org">KLDP</a>KLDP
    강조해서<em>강조해서</em>강조해서
    굵은 폰트<strong>굵은 폰트</strong>굵은 폰트
    지운<del>지운</del>지운
    집어넣은<ins>집어넣은</ins>집어넣은
    두껍게<b>두껍게</b>두껍게
    이탤릭체로<i>이탤릭체로</i>이탤릭체로
    밑줄쳐서<u>밑줄쳐서</u>밑줄쳐서
    s 태그에 대한 도움말은 없습니다.
    원래 형식 대로<pre>원래 형식 대로</pre>
    원래 형식 대로
    프로그램 소스 코드 표시를 위한 코드 모양<code>코드 모양</code>코드 모양
    인용<cite>인용</cite>인용
    인용한 블록<blockquote>인용한 블록</blockquote>
    인용한 블록
    순서 없는 목록 - 각 항목은 <li>로 시작<ul> <li>첫 번째 항목</li> <li>두 번째 항목</li> </ul>
    • 첫 번째 항목
    • 두 번째 항목
    순서 있는 목록 - 각 항목은 <li>로 시작<ol> <li>첫 번째 항목</li> <li>두 번째 항목</li> </ol>
    1. 첫 번째 항목
    2. 두 번째 항목
    li 태그에 대한 도움말은 없습니다.
    정의 목록은 다른 HTML 목록과 비슷합니다. <dl>로 정의 목록을 시작하고, <dt> 다음에 정의할 단어를, <dd> 다음에 정의 내용을 써주면 됩니다.<dl> <dt>첫 번째 용어</dt> <dd>첫 번째 정의</dd> <dt>두 번째 용어</dt> <dd>두 번째 정의</dd> </dl>
    첫 번째 용어
    첫 번째 정의
    두 번째 용어
    두 번째 정의
    dt 태그에 대한 도움말은 없습니다.
    dd 태그에 대한 도움말은 없습니다.
    <table> <tr><th>표의 열제목</th></tr> <tr><td>표의 칸</td></tr> </table>
    표의 열제목
    표의 칸
    tr 태그에 대한 도움말은 없습니다.
    td 태그에 대한 도움말은 없습니다.
    th 태그에 대한 도움말은 없습니다.
    thead 태그에 대한 도움말은 없습니다.
    tbody 태그에 대한 도움말은 없습니다.
    제목<h1>제목</h1>

    제목

    제목<h2>부제목</h2>

    부제목

    제목<h3>부제목 3</h3>

    부제목 3

    제목<h4>부제목 4</h4>

    부제목 4

    제목<h5>부제목 5</h5>
    부제목 5
    제목<h6>부제목 6</h6>
    부제목 6
    img 태그에 대한 도움말은 없습니다.
    embed 태그에 대한 도움말은 없습니다.
    object 태그에 대한 도움말은 없습니다.
    param 태그에 대한 도움말은 없습니다.
    hr 태그에 대한 도움말은 없습니다.

    대부분의 예외적인 문자들은 별 문제없이 입력가능합니다.

    입력에 문제가 있는 경우, HTML 엔터티를 사용해 변환해 보세요. 예를 들어 & 문자는 &amp;로 입력하는 것입니다. HTML 엔터티 페이지에서 전체 리스트를 참조하세요. 사용할 수 있는 문자 중 일부는 다음과 같습니다 :

    글자 설명이렇게 치면이렇게 됩니다
    앰퍼샌드&amp;&
    보다 큰&gt;>
    보다 작은&lt;<
    인용 부호&quot;"
  • Syntax highlighting of source code can be enabled with the following tags:

    • Generic syntax highlighting tags: "<code>", "<blockcode>".
    • Language specific syntax highlighting tags: "<apache>" for Apache configuration source code, "<applescript>" for AppleScript source code, "<autoconf>" for Autoconf source code, "<awk>" for awk source code, "<bash>" for Bash source code, "<c>" for C source code, "<cpp>" for C++ source code, "<css>" for CSS source code, "<diff>" for Diff source code, "<drupal5>" for Drupal 5 source code, "<drupal6>" for Drupal 6 source code, "<gdb>" for GDB source code, "<html>" for HTML source code, "<html5>" for HTML5 source code, "<java>" for Java source code, "<javascript>" for Javascript source code, "<ldif>" for LDIF source code, "<lua>" for Lua source code, "<make>" for GNU make source code, "<mysql>" for MySQL source code, "<perl>" for Perl source code, "<perl6>" for Perl 6 source code, "<php>" for PHP source code, "<pgsql>" for PostgreSQL source code, "<proftpd>" for ProFTPd configuration source code, "<python>" for Python source code, "<reg>" for Microsoft Registry source code, "<spec>" for RPM Specification File source code, "<ruby>" for Ruby source code.
    • PHP 소스 코드는 다음과 같이 사용할 수 있습니다: <?php ... ?> 또는 <% ... %>. 하지만 라인 숫자와 같은 부가 옵션은 여기서 사용할 수 없습니다.

    Options and tips:

    • The language for the generic syntax highlighting tags can be specified with one of the attribute(s): type, lang, language, class. The possible values are: "actionscript" (for ActionScript), "actionscript3" (for ActionScript 3), "apache" (for Apache configuration), "applescript" (for AppleScript), "asm" (for ASM), "asp" (for ASP), "autoconf" (for Autoconf), "awk" (for awk), "bash" (for Bash), "bibtex" (for BibTeX), "c" (for C), "clojure" (for Clojure), "cmake" (for CMake), "cobol" (for COBOL), "coffeescript" (for CoffeeScript), "cpp" (for C++), "csharp" (for C#), "css" (for CSS), "delphi" (for Delphi), "diff" (for Diff), "drupal5" (for Drupal 5), "drupal6" (for Drupal 6), "ecmascript" (for ECMAScript), "email" (for eMail (mbox)), "erlang" (for Erlang), "fortran" (for Fortran), "freebasic" (for FreeBasic), "freeswitch" (for FreeSWITCH), "fsharp" (for F#), "gdb" (for GDB), "gettext" (for GNU Gettext), "glsl" (for glSlang), "gnuplot" (for Gnuplot), "go" (for Go), "groovy" (for Groovy), "gwbasic" (for GwBasic), "haskell" (for Haskell), "html" (for HTML), "html4strict" (for HTML), "html5" (for HTML5), "ini" (for INI), "java" (for Java), "javascript" (for Javascript), "jquery" (for jQuery), "latex" (for LaTeX), "ldif" (for LDIF), "lisp" (for Lisp), "llvm" (for LLVM Intermediate Representation), "lotusscript" (for LotusScript), "lscript" (for LScript), "lua" (for Lua), "make" (for GNU make), "mxml" (for MXML), "mysql" (for MySQL), "nagios" (for Nagios), "objc" (for Objective-C), "ocaml" (for OCaml), "oracle11" (for Oracle 11 SQL), "oracle8" (for Oracle 8 SQL), "pascal" (for Pascal), "pcre" (for PCRE), "perl" (for Perl), "perl6" (for Perl 6), "pgsql" (for PostgreSQL), "php" (for PHP), "pli" (for PL/I), "plsql" (for PL/SQL), "postgresql" (for PostgreSQL), "powershell" (for PowerShell), "proftpd" (for ProFTPd configuration), "pycon" (for Python (console mode)), "python" (for Python), "qbasic" (for QBasic/QuickBASIC), "rails" (for Rails), "reg" (for Microsoft Registry), "robots" (for robots.txt), "rpmspec" (for RPM Specification File), "ruby" (for Ruby), "sas" (for SAS), "scala" (for Scala), "scheme" (for Scheme), "smalltalk" (for Smalltalk), "smarty" (for Smarty), "spec" (for RPM Specification File), "sql" (for SQL), "tcl" (for TCL), "text" (for Text), "tsql" (for T-SQL), "vb" (for Visual Basic), "vbnet" (for vb.net), "vhdl" (for VHDL), "vim" (for Vim Script), "visualfoxpro" (for Visual Fox Pro), "whois" (for Whois (RPSL format)), "xml" (for XML), "yaml" (for YAML).
    • 지원하는 태그 형식: <foo>, [foo].
    • Line numbering can be enabled/disabled with the attribute "linenumbers". Possible values are: "off" for no line numbers, "normal" for normal line numbers and "fancy" for fancy line numbers (every nth line number highlighted). The start line number can be specified with the attribute "start", which implicitly enables normal line numbering. For fancy line numbering the interval for the highlighted line numbers can be specified with the attribute "fancy", which implicitly enables fancy line numbering.
    • If the source code between the tags contains a newline (e.g. immediatly after the opening tag), the highlighted source code will be displayed as a code block. Otherwise it will be displayed inline.
    • A title can be added to a code block with the attribute "title".

    Defaults:

    • Default highlighting mode for generic syntax highlighting tags: when no language attribute is specified, no syntax highlighting will be done.
    • Default line numbering: no line numbers.

    Examples:

    You typeYou get
    <code>foo = "bar";</code>Inline code with the default syntax highlighting mode.
    <code>
    foo = "bar";
    baz = "foz";
    </code>
    Code block with the default syntax highlighting mode.
    <code lang="php" linenumbers="normal">
    foo = "bar";
    baz = "foz";
    </code>
    Code block with syntax highlighting for PHP source code
    and normal line numbers.
    <code language="php" start="23" fancy="7">
    foo = "bar";
    baz = "foz";
    </code>
    Code block with syntax highlighting for PHP source code,
    line numbers starting from 23
    and highlighted line numbers every 7th line.
    <apache>
    foo = "bar";
    baz = "foz";
    </apache>
    Code block with syntax highlighting for Apache configuration source code.
    <apache start="23" fancy="7">
    foo = "bar";
    baz = "foz";
    <apache>
    Code block with syntax highlighting for Apache configuration source code,
    line numbers starting from 23
    and highlighted line numbers every 7th line.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • BBCode Guide

    BBCode allows you to specify formatting rules for your text, even if you are not allowed to use HTML in your posts. BBCode originated from the forum software named PHPBB, and this site has a special implementation of it.

    In BBCode terms, you use "tags" to add formatting to your text. Every tag is enclosed in [ and ] brackets. If you want to mark some region in your text, you need to use an opening tag and a closing tag. Closing tags start with [/, as you will see in the examples below. If you mistype a tag or forget to close it, you will not get the desired formatting.

    Simple text formatting

    BBCode allows you to make some parts of your texts stand out from the context by adding [b]old, [i]talic, [u]nderlined and [s]trikeout formatting to them. The [color], [size] and [font] tags allow you to change the color, size and font of portions of the text you enclose with these tags. Both require a parameter (which colour, how big, what font) that is suffixed to the name of the tag by an equals sign (example below). You should not repeat the parameter in the closing tag!

    You can specify any recognized color name (red, blue, green, white, etc.) or a hexadecimal color value (#CDCDCD, #FFFFFF, etc.) as the parameter of a [color] tag. The [size] tag allows you to set the font size between 6 and 48, 6 being the smallest size. Note that using very large text is considered by many to be annoying, and it is seldom a good idea to try to attract more attention to your post in this way. The [font] tag can be set to any valid font face, such as Arial, Arial Black, Courier, Courier New, Helvetica, Impact, Times New Roman, Verdana, etc.

    usagedisplay
    I [b]need to do[/b] this by the weekend I need to do this by the weekend
    John said that [i]we should[/i] ask her John said that we should ask her
    I [u]would not like to[/u] offend you I would not like to offend you
    Let's correct this [s]mispelled[/s] misspelled word Let's correct this mispelled misspelled word
    Jane was at [color=blue]the coast[/color] Jane was at the coast
    Joe was in [color=#FF0000]the forest[/color] Joe was in the forest
    You said: [size=30]HEY![/size] You said: HEY!
    She said: [font=Courier]What?[/font] She said: What?

    Creating Headings

    Headings are an important part of articles.

    You can use tags [h1] to [h6] to format headings corresponding to HTML's <h1> to <h6>

    Examples:
    [h1]Level 1 Heading[/h1]

    Level 1 Heading

    [h2]Level 2 Heading[/h2]

    Level 2 Heading

    [h3]Level 3 Heading[/h3]

    Level 3 Heading

    [h4]Level 4 Heading[/h4]

    Level 4 Heading

    [h5]Level 5 Heading[/h5]
    Level 5 Heading
    [h6]Level 6 Heading[/h6]
    Level 6 Heading

    Creating links

    You have multiple options to specify links to other destinations in your posts.

    URLs (Uniform Resource Locators) starting with "www" or "ftp" (eg. www.example.com) are automatically recognized and replaced with links. You can also use the [url] tag with a parameter to specify a link with meaningful text to click on. If you use the url tag without the parameter, the enclosed text is assumed to be a URL, and a link is created to that destination.

    Email addresses in posts are also automatically converted to email links. For compatibility with common BBCode implementations, an [email] tag is provided.

    usagedisplay
    For more examples, visit www.example.com For more examples, visit www.example.com
    For more examples, visit http://example.com For more examples, visit http://example.com
    If you have questions ask me at joe@example.com If you have questions ask me at joe@example.com
    If you have questions ask me at [email]joe@example.com[/email] If you have questions ask me at joe@example.com
    We use [url=http://example.com/]the example site[/url] in these examples We use the example site in these examples
    We use [url]http://example.com/[/url] in these examples We use http://example.com/ in these examples

    Anchors

    Many times, you want to refer to a particular part of text from some another part. Using anchors this is possible.

    To use anchors, use [anchor=name]TEXT[/anchor] To refer this at another place, use [url=#name]My old referenece[/url] The name must be same at both places.

    Displaying images

    The [img] tag allows you to display an image in your post. You need to specify a URL to the image, so it needs to be accessible somewhere on the internet. Beware of adding very large images to your text, or the page will load very slowly!

    If you enclose a URL in an [img] tag, then it will be replaced with code to display the image. For example A good screenshot: [img]http://example.com/screenshot.png[/img] will show you the screenshot (if it exists).

    You can also specify the desired display dimensions of the image by adding a dimension parameter to the [img] tag. A good screenshot: [img=640x480]http://example.com/screenshot.png[/img] will display the image in 640x480 (though the full image will be downloaded). Do not use this to show a thumbnail of an image!

    You are free to link an image to an external destination by enclosing the [img] tag with a [url] tag: See [url=http://example.com][img]http://example.com/screenshot.png[/img][/url].

    Google, Wikipedia and Youtube

    To refer to Google and Wikipedia use this:
    [google]The search query[/google], this will output search query as a link http://www.google.com/search?q=The+search+query
    [wikipedia]Wiki Page[/wikipedia], this will output a link as http://http://www.wikipedia.org/wiki/Wiki Page
    To embed Youtube videos, use this:
    [youtube]Video Code i.e. the string that appears after v= in http://www.youtube.com/watch?v=[/youtube], this will embed the video

    Abbreviations and Acronyms

    Using the [abbr] and [acronym] tags, you can create abbreviations and acronyms.
    [abbr=full expansion]shortname as displayed[/abbr]
    [acronym=full expansion]shortname as displayed[/acronym]

    Tables

    Some formatting using tables can be done as below:

    The table code for rows, columns and heads must be enclosed between [table] and [/table]
    Rows can be specified using [row], [r] or [tr]. Just enclose the text between the tag.
    You can also specify the row's background color using the color property of the tag i.e. [row color=#FFFFFF]. It should be in hexadecimal form, the default format for HTML colors.
    Columns can be specified by enclosing the text between [col], [c] or [td]
    Column headings (th tag) can be specified by enclosing the head text between [header], [head] or [h].

    Ordered and unordered lists and indentation

    The simplest list type is the unordered list, which means that there is no numbering applied to the elements. You can make such a list by enclosing the list elements in [list] opening and closing tags. Specify the start of one element with the [*] list element marker, which has no closing tag pair.

    To create an ordered list, you should add a parameter to the [list] list tag specifying what type of ordered list you would like to see. The possible parameters are "i", "I", "1", "a", "A", "c", "d" and "s" which all correspond to the display of the first list element.

    To indent some text, you need to follow this syntax - [indent]TEXT[/indent]. You can use nested indentation to show various indentation levels. [indent]TEXT1
    [indent]TEXT2[/indent]
    [/indent]

    usagedisplay
    I love
     [list]
      [*]Oranges
      [*]Apples
      [*]Bananas
     [/list]
    
    I love
    • Oranges
    • Apples
    • Bananas
    I love
     [list=I]
      [*]Oranges
      [*]Apples
      [*]Bananas
     [/list]
    
    I love
    1. Oranges
    2. Apples
    3. Bananas
    I love
     [list=1]
      [*]Oranges
      [*]Apples
      [*]Bananas
     [/list]
    
    I love
    1. Oranges
    2. Apples
    3. Bananas
     I love
     [indent]computing
     [indent]and I am a geek[/indent]
     [/indent]
     
    I love
    computing
    and I am a geek

    Fixed-width text and block formatting

    You can use the [code] tag to add an inline fixed-width formatted part or to add a block of (usually program) code. If there is any newline present between the opening and closing tags, then a block will be displayed.

    Similarly, the [php] tag can be used to post PHP code. PHP code will automatically be syntax highlighted for easier readability.

    usagedisplay
    Edit your [code]robots.txt[/code] file Edit your robots.txt file
    An HTML title example:
    [code]
    <head>
     <title>Page Title</title>
    </head>
    [/code]
    An HTML title example:
    <head>
     <title>Page Title</title>
    </head>
    Some PHP code:
    [php]
    <?php
    function hello()
    {
      echo "Hello World!";
    }
    ?>
    [/php]
    Some PHP code:
    <?php
    function hello()
    {
      echo
    "Hello World!";
    }
    ?>

    Text and block alignment

    You can also set the alignment of the text by using [left], [right] and [center] tags. The [float] tag can be used to place floating boxes in the text (especially handy for images). You can specify the direction of the floating with [float=left] and [float=right]. The [justify] tag can be used justify text on both sides of the page.

    Other supported tags

    It is possible to quote something that has already been posted, by just putting [quote][/quote] tags around it. To quote a specific person, use something like [quote=John]. Quote tags can be nested.

    The [sub] and [sup] tags can be used to add subscript and superscript text. For example, H[sub]2[/sub]O gives H2O, while X[sup]3[/sup] gives X3.

    The [acronym] tag allow you to identify text as an acronym and provide a description when users move their mouse over the tag. For example, [acronym=Structured Query Language]SQL[/acronym] produces SQL.

    The [abbr] tag allow you to identify text as an abbreviation and provide a description when users move their mouse over the tag. For example, [abbr=World Wide Web]WWW[/abbr] produces WWW.

    The [notag] tags prevent text inside the tags from being parsed. This allows you to give examples of BBcode and not have it converted to HTML. For example: [notag]These [b]tags[/b] are not rendered[/notag] will produce "These [b]tags[/b] are not rendered".

    The [hr] tag draws a horizontal line across the page. Handy for separating chunks of text.

    Using multiple formatting tags

    You can apply more than one formatting specification to a portion of some text. I was at [b][i]the coast[/i][/b] will be rendered as I was at the coast.

    Make sure that you take care of the proper order of the opening and closing tags. You should close the tags in the opposite order in which you opened them. Otherwise you might get very strange rendering results. Also check your post with the preview function before submitting it, in case there are formatting errors due to improper BBCode usage.

  • Syntax highlighting of source code can be enabled with the following tags:

    • Generic syntax highlighting tags: "<code>", "<blockcode>".
    • Language specific syntax highlighting tags: "<apache>" for Apache configuration source code, "<applescript>" for AppleScript source code, "<autoconf>" for Autoconf source code, "<awk>" for awk source code, "<bash>" for Bash source code, "<c>" for C source code, "<cpp>" for C++ source code, "<css>" for CSS source code, "<diff>" for Diff source code, "<drupal5>" for Drupal 5 source code, "<drupal6>" for Drupal 6 source code, "<gdb>" for GDB source code, "<html>" for HTML source code, "<html5>" for HTML5 source code, "<java>" for Java source code, "<javascript>" for Javascript source code, "<ldif>" for LDIF source code, "<lua>" for Lua source code, "<make>" for GNU make source code, "<mysql>" for MySQL source code, "<perl>" for Perl source code, "<perl6>" for Perl 6 source code, "<php>" for PHP source code, "<pgsql>" for PostgreSQL source code, "<proftpd>" for ProFTPd configuration source code, "<python>" for Python source code, "<reg>" for Microsoft Registry source code, "<spec>" for RPM Specification File source code, "<ruby>" for Ruby source code.
    • PHP 소스 코드는 다음과 같이 사용할 수 있습니다: <?php ... ?> 또는 <% ... %>. 하지만 라인 숫자와 같은 부가 옵션은 여기서 사용할 수 없습니다.

    Options and tips:

    • The language for the generic syntax highlighting tags can be specified with one of the attribute(s): type, lang, language, class. The possible values are: "actionscript" (for ActionScript), "actionscript3" (for ActionScript 3), "apache" (for Apache configuration), "applescript" (for AppleScript), "asm" (for ASM), "asp" (for ASP), "autoconf" (for Autoconf), "awk" (for awk), "bash" (for Bash), "bibtex" (for BibTeX), "c" (for C), "clojure" (for Clojure), "cmake" (for CMake), "cobol" (for COBOL), "coffeescript" (for CoffeeScript), "cpp" (for C++), "csharp" (for C#), "css" (for CSS), "delphi" (for Delphi), "diff" (for Diff), "drupal5" (for Drupal 5), "drupal6" (for Drupal 6), "ecmascript" (for ECMAScript), "email" (for eMail (mbox)), "erlang" (for Erlang), "fortran" (for Fortran), "freebasic" (for FreeBasic), "freeswitch" (for FreeSWITCH), "fsharp" (for F#), "gdb" (for GDB), "gettext" (for GNU Gettext), "glsl" (for glSlang), "gnuplot" (for Gnuplot), "go" (for Go), "groovy" (for Groovy), "gwbasic" (for GwBasic), "haskell" (for Haskell), "html" (for HTML), "html4strict" (for HTML), "html5" (for HTML5), "ini" (for INI), "java" (for Java), "javascript" (for Javascript), "jquery" (for jQuery), "latex" (for LaTeX), "ldif" (for LDIF), "lisp" (for Lisp), "llvm" (for LLVM Intermediate Representation), "lotusscript" (for LotusScript), "lscript" (for LScript), "lua" (for Lua), "make" (for GNU make), "mxml" (for MXML), "mysql" (for MySQL), "nagios" (for Nagios), "objc" (for Objective-C), "ocaml" (for OCaml), "oracle11" (for Oracle 11 SQL), "oracle8" (for Oracle 8 SQL), "pascal" (for Pascal), "pcre" (for PCRE), "perl" (for Perl), "perl6" (for Perl 6), "pgsql" (for PostgreSQL), "php" (for PHP), "pli" (for PL/I), "plsql" (for PL/SQL), "postgresql" (for PostgreSQL), "powershell" (for PowerShell), "proftpd" (for ProFTPd configuration), "pycon" (for Python (console mode)), "python" (for Python), "qbasic" (for QBasic/QuickBASIC), "rails" (for Rails), "reg" (for Microsoft Registry), "robots" (for robots.txt), "rpmspec" (for RPM Specification File), "ruby" (for Ruby), "sas" (for SAS), "scala" (for Scala), "scheme" (for Scheme), "smalltalk" (for Smalltalk), "smarty" (for Smarty), "spec" (for RPM Specification File), "sql" (for SQL), "tcl" (for TCL), "text" (for Text), "tsql" (for T-SQL), "vb" (for Visual Basic), "vbnet" (for vb.net), "vhdl" (for VHDL), "vim" (for Vim Script), "visualfoxpro" (for Visual Fox Pro), "whois" (for Whois (RPSL format)), "xml" (for XML), "yaml" (for YAML).
    • 지원하는 태그 형식: <foo>, [foo].
    • Line numbering can be enabled/disabled with the attribute "linenumbers". Possible values are: "off" for no line numbers, "normal" for normal line numbers and "fancy" for fancy line numbers (every nth line number highlighted). The start line number can be specified with the attribute "start", which implicitly enables normal line numbering. For fancy line numbering the interval for the highlighted line numbers can be specified with the attribute "fancy", which implicitly enables fancy line numbering.
    • If the source code between the tags contains a newline (e.g. immediatly after the opening tag), the highlighted source code will be displayed as a code block. Otherwise it will be displayed inline.
    • A title can be added to a code block with the attribute "title".

    Defaults:

    • Default highlighting mode for generic syntax highlighting tags: when no language attribute is specified, no syntax highlighting will be done.
    • Default line numbering: no line numbers.

    Examples:

    You typeYou get
    <code>foo = "bar";</code>Inline code with the default syntax highlighting mode.
    <code>
    foo = "bar";
    baz = "foz";
    </code>
    Code block with the default syntax highlighting mode.
    <code lang="delphi" linenumbers="normal">
    foo = "bar";
    baz = "foz";
    </code>
    Code block with syntax highlighting for Delphi source code
    and normal line numbers.
    <code language="delphi" start="23" fancy="7">
    foo = "bar";
    baz = "foz";
    </code>
    Code block with syntax highlighting for Delphi source code,
    line numbers starting from 23
    and highlighted line numbers every 7th line.
    <apache>
    foo = "bar";
    baz = "foz";
    </apache>
    Code block with syntax highlighting for Apache configuration source code.
    <apache start="23" fancy="7">
    foo = "bar";
    baz = "foz";
    <apache>
    Code block with syntax highlighting for Apache configuration source code,
    line numbers starting from 23
    and highlighted line numbers every 7th line.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>

    이 사이트는 HTML 사용을 허용합니다. HTML의 모든 것을 배우기는 좀 힘들지 몰라도 몇몇 기본적인 HTML 태그의 사용법은 쉽게 익힐 수 있습니다. 이 사이트에서 사용할 수 있는 태그의 예를 표에서 볼 수 있습니다.

    자세한 내용은 W3C의 HTML 사양 을 참조하거나 인터넷에서 HTML을 설명해 주는 사이트를 찾아보세요.

    태그 설명이렇게 치면이렇게 됩니다
    기본적으로 단락 태그가 자동으로 붙도록 되어 있으니, 단락을 더 추가하려는 경우에 이 태그를 사용해 주십시오.<p>첫 번째 단락</p> <p>두 번째 단락</p>

    첫 번째 단락

    두 번째 단락

    div 태그에 대한 도움말은 없습니다.
    span 태그에 대한 도움말은 없습니다.
    기본적으로 줄바꿈 태그가 자동으로 붙도록 되어 있으니, 추가로 줄바꿈을 하려는 경우에 이 태그를 사용해 주십시오. 이 태그는 다른 태그처럼 열기/닫기 짝을 이뤄서 쓰이지 않는다는 점이 다릅니다. XHTML 1.0 호환성 유지를 위해 태그 안에 " /"를 덧붙여 주십시오.줄바꿈을 하는 <br />어떤 글줄바꿈을 하는
    어떤 글
    다른 페이지로 가는 링크를 만듭니다.<a href="https://kldp.org">KLDP</a>KLDP
    강조해서<em>강조해서</em>강조해서
    굵은 폰트<strong>굵은 폰트</strong>굵은 폰트
    지운<del>지운</del>지운
    집어넣은<ins>집어넣은</ins>집어넣은
    두껍게<b>두껍게</b>두껍게
    이탤릭체로<i>이탤릭체로</i>이탤릭체로
    밑줄쳐서<u>밑줄쳐서</u>밑줄쳐서
    s 태그에 대한 도움말은 없습니다.
    원래 형식 대로<pre>원래 형식 대로</pre>
    원래 형식 대로
    프로그램 소스 코드 표시를 위한 코드 모양<code>코드 모양</code>코드 모양
    인용<cite>인용</cite>인용
    인용한 블록<blockquote>인용한 블록</blockquote>
    인용한 블록
    순서 없는 목록 - 각 항목은 <li>로 시작<ul> <li>첫 번째 항목</li> <li>두 번째 항목</li> </ul>
    • 첫 번째 항목
    • 두 번째 항목
    순서 있는 목록 - 각 항목은 <li>로 시작<ol> <li>첫 번째 항목</li> <li>두 번째 항목</li> </ol>
    1. 첫 번째 항목
    2. 두 번째 항목
    li 태그에 대한 도움말은 없습니다.
    정의 목록은 다른 HTML 목록과 비슷합니다. <dl>로 정의 목록을 시작하고, <dt> 다음에 정의할 단어를, <dd> 다음에 정의 내용을 써주면 됩니다.<dl> <dt>첫 번째 용어</dt> <dd>첫 번째 정의</dd> <dt>두 번째 용어</dt> <dd>두 번째 정의</dd> </dl>
    첫 번째 용어
    첫 번째 정의
    두 번째 용어
    두 번째 정의
    dt 태그에 대한 도움말은 없습니다.
    dd 태그에 대한 도움말은 없습니다.
    <table> <tr><th>표의 열제목</th></tr> <tr><td>표의 칸</td></tr> </table>
    표의 열제목
    표의 칸
    tr 태그에 대한 도움말은 없습니다.
    td 태그에 대한 도움말은 없습니다.
    th 태그에 대한 도움말은 없습니다.
    thead 태그에 대한 도움말은 없습니다.
    tbody 태그에 대한 도움말은 없습니다.
    제목<h1>제목</h1>

    제목

    제목<h2>부제목</h2>

    부제목

    제목<h3>부제목 3</h3>

    부제목 3

    제목<h4>부제목 4</h4>

    부제목 4

    제목<h5>부제목 5</h5>
    부제목 5
    제목<h6>부제목 6</h6>
    부제목 6
    img 태그에 대한 도움말은 없습니다.
    embed 태그에 대한 도움말은 없습니다.
    object 태그에 대한 도움말은 없습니다.
    param 태그에 대한 도움말은 없습니다.

    대부분의 예외적인 문자들은 별 문제없이 입력가능합니다.

    입력에 문제가 있는 경우, HTML 엔터티를 사용해 변환해 보세요. 예를 들어 & 문자는 &amp;로 입력하는 것입니다. HTML 엔터티 페이지에서 전체 리스트를 참조하세요. 사용할 수 있는 문자 중 일부는 다음과 같습니다 :

    글자 설명이렇게 치면이렇게 됩니다
    앰퍼샌드&amp;&
    보다 큰&gt;>
    보다 작은&lt;<
    인용 부호&quot;"
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • Syntax highlighting of source code can be enabled with the following tags:

    • Generic syntax highlighting tags: "<code>", "<blockcode>".
    • Language specific syntax highlighting tags: "<apache>" for Apache configuration source code, "<applescript>" for AppleScript source code, "<autoconf>" for Autoconf source code, "<awk>" for awk source code, "<bash>" for Bash source code, "<c>" for C source code, "<cpp>" for C++ source code, "<css>" for CSS source code, "<diff>" for Diff source code, "<drupal5>" for Drupal 5 source code, "<drupal6>" for Drupal 6 source code, "<gdb>" for GDB source code, "<html>" for HTML source code, "<html5>" for HTML5 source code, "<java>" for Java source code, "<javascript>" for Javascript source code, "<ldif>" for LDIF source code, "<lua>" for Lua source code, "<make>" for GNU make source code, "<mysql>" for MySQL source code, "<perl>" for Perl source code, "<perl6>" for Perl 6 source code, "<php>" for PHP source code, "<pgsql>" for PostgreSQL source code, "<proftpd>" for ProFTPd configuration source code, "<python>" for Python source code, "<reg>" for Microsoft Registry source code, "<spec>" for RPM Specification File source code, "<ruby>" for Ruby source code.
    • PHP 소스 코드는 다음과 같이 사용할 수 있습니다: <?php ... ?> 또는 <% ... %>. 하지만 라인 숫자와 같은 부가 옵션은 여기서 사용할 수 없습니다.

    Options and tips:

    • The language for the generic syntax highlighting tags can be specified with one of the attribute(s): type, lang, language, class. The possible values are: "actionscript" (for ActionScript), "actionscript3" (for ActionScript 3), "apache" (for Apache configuration), "applescript" (for AppleScript), "asm" (for ASM), "asp" (for ASP), "autoconf" (for Autoconf), "awk" (for awk), "bash" (for Bash), "bibtex" (for BibTeX), "c" (for C), "clojure" (for Clojure), "cmake" (for CMake), "cobol" (for COBOL), "coffeescript" (for CoffeeScript), "cpp" (for C++), "csharp" (for C#), "css" (for CSS), "delphi" (for Delphi), "diff" (for Diff), "drupal5" (for Drupal 5), "drupal6" (for Drupal 6), "ecmascript" (for ECMAScript), "email" (for eMail (mbox)), "erlang" (for Erlang), "fortran" (for Fortran), "freebasic" (for FreeBasic), "freeswitch" (for FreeSWITCH), "fsharp" (for F#), "gdb" (for GDB), "gettext" (for GNU Gettext), "glsl" (for glSlang), "gnuplot" (for Gnuplot), "go" (for Go), "groovy" (for Groovy), "gwbasic" (for GwBasic), "haskell" (for Haskell), "html" (for HTML), "html4strict" (for HTML), "html5" (for HTML5), "ini" (for INI), "java" (for Java), "javascript" (for Javascript), "jquery" (for jQuery), "latex" (for LaTeX), "ldif" (for LDIF), "lisp" (for Lisp), "llvm" (for LLVM Intermediate Representation), "lotusscript" (for LotusScript), "lscript" (for LScript), "lua" (for Lua), "make" (for GNU make), "mxml" (for MXML), "mysql" (for MySQL), "nagios" (for Nagios), "objc" (for Objective-C), "ocaml" (for OCaml), "oracle11" (for Oracle 11 SQL), "oracle8" (for Oracle 8 SQL), "pascal" (for Pascal), "pcre" (for PCRE), "perl" (for Perl), "perl6" (for Perl 6), "pgsql" (for PostgreSQL), "php" (for PHP), "pli" (for PL/I), "plsql" (for PL/SQL), "postgresql" (for PostgreSQL), "powershell" (for PowerShell), "proftpd" (for ProFTPd configuration), "pycon" (for Python (console mode)), "python" (for Python), "qbasic" (for QBasic/QuickBASIC), "rails" (for Rails), "reg" (for Microsoft Registry), "robots" (for robots.txt), "rpmspec" (for RPM Specification File), "ruby" (for Ruby), "sas" (for SAS), "scala" (for Scala), "scheme" (for Scheme), "smalltalk" (for Smalltalk), "smarty" (for Smarty), "spec" (for RPM Specification File), "sql" (for SQL), "tcl" (for TCL), "text" (for Text), "tsql" (for T-SQL), "vb" (for Visual Basic), "vbnet" (for vb.net), "vhdl" (for VHDL), "vim" (for Vim Script), "visualfoxpro" (for Visual Fox Pro), "whois" (for Whois (RPSL format)), "xml" (for XML), "yaml" (for YAML).
    • 지원하는 태그 형식: <foo>, [foo].
    • Line numbering can be enabled/disabled with the attribute "linenumbers". Possible values are: "off" for no line numbers, "normal" for normal line numbers and "fancy" for fancy line numbers (every nth line number highlighted). The start line number can be specified with the attribute "start", which implicitly enables normal line numbering. For fancy line numbering the interval for the highlighted line numbers can be specified with the attribute "fancy", which implicitly enables fancy line numbering.
    • If the source code between the tags contains a newline (e.g. immediatly after the opening tag), the highlighted source code will be displayed as a code block. Otherwise it will be displayed inline.
    • A title can be added to a code block with the attribute "title".

    Defaults:

    • Default highlighting mode for generic syntax highlighting tags: when no language attribute is specified, no syntax highlighting will be done.
    • Default line numbering: no line numbers.

    Examples:

    You typeYou get
    <code>foo = "bar";</code>Inline code with the default syntax highlighting mode.
    <code>
    foo = "bar";
    baz = "foz";
    </code>
    Code block with the default syntax highlighting mode.
    <code lang="smarty" linenumbers="normal">
    foo = "bar";
    baz = "foz";
    </code>
    Code block with syntax highlighting for Smarty source code
    and normal line numbers.
    <code language="smarty" start="23" fancy="7">
    foo = "bar";
    baz = "foz";
    </code>
    Code block with syntax highlighting for Smarty source code,
    line numbers starting from 23
    and highlighted line numbers every 7th line.
    <apache>
    foo = "bar";
    baz = "foz";
    </apache>
    Code block with syntax highlighting for Apache configuration source code.
    <apache start="23" fancy="7">
    foo = "bar";
    baz = "foz";
    <apache>
    Code block with syntax highlighting for Apache configuration source code,
    line numbers starting from 23
    and highlighted line numbers every 7th line.
  • Textile Help

    Block modifier syntax:

    CSS attributes can be applied to blocks (paragraphs, headers, etc.). CSS classes are specifed with (class); CSS IDs are specified with (#id); both can be specified with (class#id). An arbtirary CSS style can be applied by using {style}. Finally, language attributes are applied using [language].

    Additionally, alignment and indentation shorthands are provided. To left-align, right-align, center, and justify text, use <, >, =, and <>, respectively. ( left-indents a block 1em for each occurrence, and ) right-indents similarly.

    Tables have additional options. ^, -, and ~ specify top, middle, and bottom vertical alignment. The _ attribute on a cell indicates that it is a table header.

    The examples below illustrate these attributes.

    textile input output

    Headings

    hx. (where x is 1 - 6)
    h1. Heading

    Heading

    h2(class). Heading with class

    Heading with class

    Paragraphs

    p=. Centered text

    Centered text

    p())(#id). Indented text with ID

    Indented text with ID

    Block quotes

    bq(class#id). Quote with class and ID
    Quote with class and ID
    bq[en]. English quote
    English quote

    Ordered lists

    {color: blue}# Attributes specified
    # before the first item
    # affect the whole list
    1. Attributes specified
    2. before the first item
    3. affect the whole list

    Unordered lists

    * Lists can have
    ## subitems or
    ## sublists
    * too
    • Lists can have
      1. subitems or
      2. sublists
    • too

    Footnotes

    fnx. (where x is 1 - 100)
    fn17. Footnote

    17 Footnote

    Tables

    |_. A|_. B|_. C|
    (dark). |very|simple|table|
    |<. left|=. center|>. right|
    |^{height:3em}. top|-. middle|~. bottom|
    A B C
    very simple table
    left center right
    top middle bottom

    Phrase modifier syntax:

    The class, ID, style, and language attributes described above also apply to the span phrase modifier as shown below.

    textile input output
    _emphasis_ emphasis
    __italic__ italic
    *strong* strong
    **bold** bold
    ??citation?? citation
    -delete text- deleted text
    +inserted text+ inserted text
    ^superscript^ superscript
    ~subscript~ subscript
    @code@ code
    %(class)span% span
    %{color:red;}span% span
    ==no textile== no textile
    "link text":http://drupal.org link text
    "link text(title)":http://drupal.org link text
    !/misc/druplicon.png!
    !/misc/druplicon.png(alt text)! alt text
    !/misc/druplicon.png!:http://drupal.org
    ABC(Always Be Closing) ABC
    Footnote reference[10] Footnote reference10
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

    이 사이트는 HTML 사용을 허용합니다. HTML의 모든 것을 배우기는 좀 힘들지 몰라도 몇몇 기본적인 HTML 태그의 사용법은 쉽게 익힐 수 있습니다. 이 사이트에서 사용할 수 있는 태그의 예를 표에서 볼 수 있습니다.

    자세한 내용은 W3C의 HTML 사양 을 참조하거나 인터넷에서 HTML을 설명해 주는 사이트를 찾아보세요.

    태그 설명이렇게 치면이렇게 됩니다
    기본적으로 단락 태그가 자동으로 붙도록 되어 있으니, 단락을 더 추가하려는 경우에 이 태그를 사용해 주십시오.<p>첫 번째 단락</p> <p>두 번째 단락</p>

    첫 번째 단락

    두 번째 단락

    div 태그에 대한 도움말은 없습니다.
    span 태그에 대한 도움말은 없습니다.
    기본적으로 줄바꿈 태그가 자동으로 붙도록 되어 있으니, 추가로 줄바꿈을 하려는 경우에 이 태그를 사용해 주십시오. 이 태그는 다른 태그처럼 열기/닫기 짝을 이뤄서 쓰이지 않는다는 점이 다릅니다. XHTML 1.0 호환성 유지를 위해 태그 안에 " /"를 덧붙여 주십시오.줄바꿈을 하는 <br />어떤 글줄바꿈을 하는
    어떤 글
    다른 페이지로 가는 링크를 만듭니다.<a href="https://kldp.org">KLDP</a>KLDP
    강조해서<em>강조해서</em>강조해서
    굵은 폰트<strong>굵은 폰트</strong>굵은 폰트
    지운<del>지운</del>지운
    집어넣은<ins>집어넣은</ins>집어넣은
    두껍게<b>두껍게</b>두껍게
    이탤릭체로<i>이탤릭체로</i>이탤릭체로
    밑줄쳐서<u>밑줄쳐서</u>밑줄쳐서
    s 태그에 대한 도움말은 없습니다.
    원래 형식 대로<pre>원래 형식 대로</pre>
    원래 형식 대로
    프로그램 소스 코드 표시를 위한 코드 모양<code>코드 모양</code>코드 모양
    인용<cite>인용</cite>인용
    인용한 블록<blockquote>인용한 블록</blockquote>
    인용한 블록
    순서 없는 목록 - 각 항목은 <li>로 시작<ul> <li>첫 번째 항목</li> <li>두 번째 항목</li> </ul>
    • 첫 번째 항목
    • 두 번째 항목
    순서 있는 목록 - 각 항목은 <li>로 시작<ol> <li>첫 번째 항목</li> <li>두 번째 항목</li> </ol>
    1. 첫 번째 항목
    2. 두 번째 항목
    li 태그에 대한 도움말은 없습니다.
    정의 목록은 다른 HTML 목록과 비슷합니다. <dl>로 정의 목록을 시작하고, <dt> 다음에 정의할 단어를, <dd> 다음에 정의 내용을 써주면 됩니다.<dl> <dt>첫 번째 용어</dt> <dd>첫 번째 정의</dd> <dt>두 번째 용어</dt> <dd>두 번째 정의</dd> </dl>
    첫 번째 용어
    첫 번째 정의
    두 번째 용어
    두 번째 정의
    dt 태그에 대한 도움말은 없습니다.
    dd 태그에 대한 도움말은 없습니다.
    <table> <tr><th>표의 열제목</th></tr> <tr><td>표의 칸</td></tr> </table>
    표의 열제목
    표의 칸
    tr 태그에 대한 도움말은 없습니다.
    td 태그에 대한 도움말은 없습니다.
    th 태그에 대한 도움말은 없습니다.
    thead 태그에 대한 도움말은 없습니다.
    tbody 태그에 대한 도움말은 없습니다.
    제목<h1>제목</h1>

    제목

    제목<h2>부제목</h2>

    부제목

    제목<h3>부제목 3</h3>

    부제목 3

    제목<h4>부제목 4</h4>

    부제목 4

    제목<h5>부제목 5</h5>
    부제목 5
    제목<h6>부제목 6</h6>
    부제목 6
    img 태그에 대한 도움말은 없습니다.
    embed 태그에 대한 도움말은 없습니다.
    object 태그에 대한 도움말은 없습니다.
    param 태그에 대한 도움말은 없습니다.
    hr 태그에 대한 도움말은 없습니다.

    대부분의 예외적인 문자들은 별 문제없이 입력가능합니다.

    입력에 문제가 있는 경우, HTML 엔터티를 사용해 변환해 보세요. 예를 들어 & 문자는 &amp;로 입력하는 것입니다. HTML 엔터티 페이지에서 전체 리스트를 참조하세요. 사용할 수 있는 문자 중 일부는 다음과 같습니다 :

    글자 설명이렇게 치면이렇게 됩니다
    앰퍼샌드&amp;&
    보다 큰&gt;>
    보다 작은&lt;<
    인용 부호&quot;"

Markdown

  • Syntax highlighting of source code can be enabled with the following tags:

    • Generic syntax highlighting tags: "<code>", "<blockcode>".
    • Language specific syntax highlighting tags: "<apache>" for Apache configuration source code, "<applescript>" for AppleScript source code, "<autoconf>" for Autoconf source code, "<awk>" for awk source code, "<bash>" for Bash source code, "<c>" for C source code, "<cpp>" for C++ source code, "<css>" for CSS source code, "<diff>" for Diff source code, "<drupal5>" for Drupal 5 source code, "<drupal6>" for Drupal 6 source code, "<gdb>" for GDB source code, "<html>" for HTML source code, "<html5>" for HTML5 source code, "<java>" for Java source code, "<javascript>" for Javascript source code, "<ldif>" for LDIF source code, "<lua>" for Lua source code, "<make>" for GNU make source code, "<mysql>" for MySQL source code, "<perl>" for Perl source code, "<perl6>" for Perl 6 source code, "<php>" for PHP source code, "<pgsql>" for PostgreSQL source code, "<proftpd>" for ProFTPd configuration source code, "<python>" for Python source code, "<reg>" for Microsoft Registry source code, "<spec>" for RPM Specification File source code, "<ruby>" for Ruby source code.
    • PHP 소스 코드는 다음과 같이 사용할 수 있습니다: <?php ... ?> 또는 <% ... %>. 하지만 라인 숫자와 같은 부가 옵션은 여기서 사용할 수 없습니다.

    Options and tips:

    • The language for the generic syntax highlighting tags can be specified with one of the attribute(s): type, lang, language, class. The possible values are: "actionscript" (for ActionScript), "actionscript3" (for ActionScript 3), "apache" (for Apache configuration), "applescript" (for AppleScript), "asm" (for ASM), "asp" (for ASP), "autoconf" (for Autoconf), "awk" (for awk), "bash" (for Bash), "bibtex" (for BibTeX), "c" (for C), "clojure" (for Clojure), "cmake" (for CMake), "cobol" (for COBOL), "coffeescript" (for CoffeeScript), "cpp" (for C++), "csharp" (for C#), "css" (for CSS), "delphi" (for Delphi), "diff" (for Diff), "drupal5" (for Drupal 5), "drupal6" (for Drupal 6), "ecmascript" (for ECMAScript), "email" (for eMail (mbox)), "erlang" (for Erlang), "fortran" (for Fortran), "freebasic" (for FreeBasic), "freeswitch" (for FreeSWITCH), "fsharp" (for F#), "gdb" (for GDB), "gettext" (for GNU Gettext), "glsl" (for glSlang), "gnuplot" (for Gnuplot), "go" (for Go), "groovy" (for Groovy), "gwbasic" (for GwBasic), "haskell" (for Haskell), "html" (for HTML), "html4strict" (for HTML), "html5" (for HTML5), "ini" (for INI), "java" (for Java), "javascript" (for Javascript), "jquery" (for jQuery), "latex" (for LaTeX), "ldif" (for LDIF), "lisp" (for Lisp), "llvm" (for LLVM Intermediate Representation), "lotusscript" (for LotusScript), "lscript" (for LScript), "lua" (for Lua), "make" (for GNU make), "mxml" (for MXML), "mysql" (for MySQL), "nagios" (for Nagios), "objc" (for Objective-C), "ocaml" (for OCaml), "oracle11" (for Oracle 11 SQL), "oracle8" (for Oracle 8 SQL), "pascal" (for Pascal), "pcre" (for PCRE), "perl" (for Perl), "perl6" (for Perl 6), "pgsql" (for PostgreSQL), "php" (for PHP), "pli" (for PL/I), "plsql" (for PL/SQL), "postgresql" (for PostgreSQL), "powershell" (for PowerShell), "proftpd" (for ProFTPd configuration), "pycon" (for Python (console mode)), "python" (for Python), "qbasic" (for QBasic/QuickBASIC), "rails" (for Rails), "reg" (for Microsoft Registry), "robots" (for robots.txt), "rpmspec" (for RPM Specification File), "ruby" (for Ruby), "sas" (for SAS), "scala" (for Scala), "scheme" (for Scheme), "smalltalk" (for Smalltalk), "smarty" (for Smarty), "spec" (for RPM Specification File), "sql" (for SQL), "tcl" (for TCL), "text" (for Text), "tsql" (for T-SQL), "vb" (for Visual Basic), "vbnet" (for vb.net), "vhdl" (for VHDL), "vim" (for Vim Script), "visualfoxpro" (for Visual Fox Pro), "whois" (for Whois (RPSL format)), "xml" (for XML), "yaml" (for YAML).
    • 지원하는 태그 형식: <foo>, [foo].
    • Line numbering can be enabled/disabled with the attribute "linenumbers". Possible values are: "off" for no line numbers, "normal" for normal line numbers and "fancy" for fancy line numbers (every nth line number highlighted). The start line number can be specified with the attribute "start", which implicitly enables normal line numbering. For fancy line numbering the interval for the highlighted line numbers can be specified with the attribute "fancy", which implicitly enables fancy line numbering.
    • If the source code between the tags contains a newline (e.g. immediatly after the opening tag), the highlighted source code will be displayed as a code block. Otherwise it will be displayed inline.
    • A title can be added to a code block with the attribute "title".

    Defaults:

    • Default highlighting mode for generic syntax highlighting tags: when no language attribute is specified, no syntax highlighting will be done.
    • Default line numbering: no line numbers.

    Examples:

    You typeYou get
    <code>foo = "bar";</code>Inline code with the default syntax highlighting mode.
    <code>
    foo = "bar";
    baz = "foz";
    </code>
    Code block with the default syntax highlighting mode.
    <code lang="objc" linenumbers="normal">
    foo = "bar";
    baz = "foz";
    </code>
    Code block with syntax highlighting for Objective-C source code
    and normal line numbers.
    <code language="objc" start="23" fancy="7">
    foo = "bar";
    baz = "foz";
    </code>
    Code block with syntax highlighting for Objective-C source code,
    line numbers starting from 23
    and highlighted line numbers every 7th line.
    <apache>
    foo = "bar";
    baz = "foz";
    </apache>
    Code block with syntax highlighting for Apache configuration source code.
    <apache start="23" fancy="7">
    foo = "bar";
    baz = "foz";
    <apache>
    Code block with syntax highlighting for Apache configuration source code,
    line numbers starting from 23
    and highlighted line numbers every 7th line.
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

    이 사이트는 HTML 사용을 허용합니다. HTML의 모든 것을 배우기는 좀 힘들지 몰라도 몇몇 기본적인 HTML 태그의 사용법은 쉽게 익힐 수 있습니다. 이 사이트에서 사용할 수 있는 태그의 예를 표에서 볼 수 있습니다.

    자세한 내용은 W3C의 HTML 사양 을 참조하거나 인터넷에서 HTML을 설명해 주는 사이트를 찾아보세요.

    태그 설명이렇게 치면이렇게 됩니다
    기본적으로 단락 태그가 자동으로 붙도록 되어 있으니, 단락을 더 추가하려는 경우에 이 태그를 사용해 주십시오.<p>첫 번째 단락</p> <p>두 번째 단락</p>

    첫 번째 단락

    두 번째 단락

    div 태그에 대한 도움말은 없습니다.
    span 태그에 대한 도움말은 없습니다.
    기본적으로 줄바꿈 태그가 자동으로 붙도록 되어 있으니, 추가로 줄바꿈을 하려는 경우에 이 태그를 사용해 주십시오. 이 태그는 다른 태그처럼 열기/닫기 짝을 이뤄서 쓰이지 않는다는 점이 다릅니다. XHTML 1.0 호환성 유지를 위해 태그 안에 " /"를 덧붙여 주십시오.줄바꿈을 하는 <br />어떤 글줄바꿈을 하는
    어떤 글
    다른 페이지로 가는 링크를 만듭니다.<a href="https://kldp.org">KLDP</a>KLDP
    강조해서<em>강조해서</em>강조해서
    굵은 폰트<strong>굵은 폰트</strong>굵은 폰트
    지운<del>지운</del>지운
    집어넣은<ins>집어넣은</ins>집어넣은
    두껍게<b>두껍게</b>두껍게
    이탤릭체로<i>이탤릭체로</i>이탤릭체로
    밑줄쳐서<u>밑줄쳐서</u>밑줄쳐서
    s 태그에 대한 도움말은 없습니다.
    원래 형식 대로<pre>원래 형식 대로</pre>
    원래 형식 대로
    프로그램 소스 코드 표시를 위한 코드 모양<code>코드 모양</code>코드 모양
    인용<cite>인용</cite>인용
    인용한 블록<blockquote>인용한 블록</blockquote>
    인용한 블록
    순서 없는 목록 - 각 항목은 <li>로 시작<ul> <li>첫 번째 항목</li> <li>두 번째 항목</li> </ul>
    • 첫 번째 항목
    • 두 번째 항목
    순서 있는 목록 - 각 항목은 <li>로 시작<ol> <li>첫 번째 항목</li> <li>두 번째 항목</li> </ol>
    1. 첫 번째 항목
    2. 두 번째 항목
    li 태그에 대한 도움말은 없습니다.
    정의 목록은 다른 HTML 목록과 비슷합니다. <dl>로 정의 목록을 시작하고, <dt> 다음에 정의할 단어를, <dd> 다음에 정의 내용을 써주면 됩니다.<dl> <dt>첫 번째 용어</dt> <dd>첫 번째 정의</dd> <dt>두 번째 용어</dt> <dd>두 번째 정의</dd> </dl>
    첫 번째 용어
    첫 번째 정의
    두 번째 용어
    두 번째 정의
    dt 태그에 대한 도움말은 없습니다.
    dd 태그에 대한 도움말은 없습니다.
    <table> <tr><th>표의 열제목</th></tr> <tr><td>표의 칸</td></tr> </table>
    표의 열제목
    표의 칸
    tr 태그에 대한 도움말은 없습니다.
    td 태그에 대한 도움말은 없습니다.
    th 태그에 대한 도움말은 없습니다.
    thead 태그에 대한 도움말은 없습니다.
    tbody 태그에 대한 도움말은 없습니다.
    제목<h1>제목</h1>

    제목

    제목<h2>부제목</h2>

    부제목

    제목<h3>부제목 3</h3>

    부제목 3

    제목<h4>부제목 4</h4>

    부제목 4

    제목<h5>부제목 5</h5>
    부제목 5
    제목<h6>부제목 6</h6>
    부제목 6
    img 태그에 대한 도움말은 없습니다.
    embed 태그에 대한 도움말은 없습니다.
    object 태그에 대한 도움말은 없습니다.
    param 태그에 대한 도움말은 없습니다.
    hr 태그에 대한 도움말은 없습니다.

    대부분의 예외적인 문자들은 별 문제없이 입력가능합니다.

    입력에 문제가 있는 경우, HTML 엔터티를 사용해 변환해 보세요. 예를 들어 & 문자는 &amp;로 입력하는 것입니다. HTML 엔터티 페이지에서 전체 리스트를 참조하세요. 사용할 수 있는 문자 중 일부는 다음과 같습니다 :

    글자 설명이렇게 치면이렇게 됩니다
    앰퍼샌드&amp;&
    보다 큰&gt;>
    보다 작은&lt;<
    인용 부호&quot;"

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 인식됩니다. <br /> 줄바꿈, <p> 단락 및 </p> 단락 끝 태그가 자동으로 추가됩니다. 만약 단락이 자동으로 인식되지 않으면 두개의 빈줄을 추가해 주십시오.