Writing help

Generate heading

Add # (sharp) to generate a heading (h tag).

Markdown entry example 
# heading1
## heading2 
### heading3
#### heading4
Generated HTML 
<h1>heading1</h1>
<h2>heading2</h2> 
<h3>heading3</h3>
<h4>heading4</h4>

Emphasize the text

The part enclosed in ** or __ is highlighted as bold.

Markdown entry example 
** Emphasized ** or __ This is also __
Generated HTML 
<strong>Emphasized</strong> or <strong>This is also</strong>

Set a link

Format 
[Link text](Link address)
Markdown entry example 
[Link of compekun](https://compekun.com/)
Generated HTML 
<a href="https://compekun.com/">Link of compekun</a>

Display image

Format 
![alt name](URL "title(optional)")
Markdown entry example 
![Compekun](https://compekun.com/compekun.png "image of compekun")
Generated HTML 
<img src="https://compekun.com/compekun.png" alt="Compekun" title="image of compekun">

Quote

Add > to the beginning of the sentence

Markdown entry example 
>quote 1
>quote 2
>quote 3
Generated HTML 
<blockquote>
  <p>quote 1</p>
</blockquote>
<blockquote>
  <p>quote 2</p>
</blockquote>
<blockquote>
  <p>quote 3</p>
</blockquote>

Horizon line

A horizontal line is displayed when three or more asterisks, hyphens, and underscores are lined up.

Markdown entry example 
***
---
___
Generated HTML 
<hr>
<hr>
<hr>
- - -

Table composition

Markdown entry example 
| TH1 | TH2 |
----|---- 
| TD1 | TD3 |
| TD2 | TD4 |

| Left justified | Centered | Right justified |
|:---|:---:|---:|
|1 |2 |3 |
|4 |5 |6 |
Generated HTML 
<table>
<thead>
<tr>
<th>Unspecified</th>
<th align="left">Left justified</th>
<th align="center">Centered</th>
<th align="right">Right justified</th>
</tr>
</thead>
<tbody>
<tr>
<td>contents 1</td>
<td align="left">contents 2</td>
<td align="center">contents 3</td>
<td align="right">contents 4</td>
</tr>
</tbody>
</table>

List

Markdown entry example 
- list 1
    - list 1_1
        - list 1_1_1
        - list 1_1_2
    - list 1_2
- list 2
- list 3
Generated HTML 
<ul>
<li>list 1
<ul>
<li>list 1_1
<ul>
<li>list 1_1_1</li>
<li>list 1_1_2</li>
</ul>
</li>
<li>list 1_2</li>
</ul>
</li>
<li>list 2</li>
<li>list 3</li>
</ul>

Numbered list

Markdown entry example 
1. Numbered list 1
    1. Numbered list 1-1
    1. Numbered list 1-2
1. Numbered list 2
1. Numbered list 3
Generated HTML 
<ol>
<li>Numbered list 1
<ol>
<li>Numbered list 1-1</li>
<li>Numbered list 1-2</li>
</ol>
</li>
<li>Numbered list 2</li>
<li>Numbered list 3</li>
</ol>

Formatted text

Markdown entry example 
~~~
class Hoge
    def hoge
        print 'hoge'
    end
end
~~~

* Enclose 3 or more ~ (tildes) side by side.

    class Hoge
        def hoge
            print 'hoge'
        end
    end

* Enter four half-width spaces at the beginning.

Generated HTML 
<pre>
class Hoge
    def hoge
        print 'hoge'
    end
end
</pre>
To the top