Skip to content
Markup Examples in Coda Packs
Rendering results
Rendering Examples
Format
Search
Style
Format
Variant
Source
Rendered
Status
Notes
Bold
Markdown
Stars
**stars**
stars
Markdown
Underscores
__underscores__
underscores
Warning
According to the Markdown spec, surrounding text in double underscores should make it bold, not underlined.
HTML
B tag
<b>b tag</b>
b tag
HTML
STRONG tag
<strong>strong tag</strong>
strong tag
Italics
Markdown
Stars
*stars*
stars
Markdown
Underscores
_underscores_
underscores
HTML
I tag
<i>i tag</i>
i tag
HTML
EM tag
<em>em tag</em>
em tag
Underline
HTML
U tag
<u>foo</u>
foo
Strikethrough
Markdown
Tildas
~~foo~~
foo
HTML
STRIKE Tag
<strike>foo</strike>
foo
Link
Image
Markdown
Basic image
HTML
Basic image
<img src="https://picsum.photos/50/50"
alt="alt" title="Title">
Markdown
Image with link
[](http://example.com)
Not supported
Coda itself doesn’t support links on images, so it doesn’t work in Markdown either.
HTML
Image with link
<a href="http://example.com">
<img src="https://picsum.photos/50/50">
</a>
Not supported
Coda itself doesn’t support links on images, so it doesn’t work in HTML either.
Ordered list
Markdown
1. foo
1. bar
HTML
Closed tag
<ol>
<li>closed</li>
<li>tags</li>
</ol>
HTML
Unclosed tags
<ol>
<li>unclosed
<li>tags
</ol>
Unorded list
Markdown
Dashes
- with
- dashes
Markdown
Stars
* with
* stars
HTML
Closed tags
<ul>
<li>closed</li>
<li>tags</li>
</ul>
HTML
Unclosed tags
<ul>
<li>unclosed
<li>tags
</ul>
Checkbox list
Markdown
Unchecked
- [] unchecked
Markdown
Unchecked with space
- [ ] unchecked with space
Markdown
Lower case X
- [x] checked lower
Markdown
Upper case X
- [X] checked upper
Nested lists
Markdown
Nested list
1. One
- Two
- Three
1. Four
HTML
Nested list
<ol>
<li>One
<ul>
<li>Two</li>
<li>Three</li>
</ul>
</li>
<li>Four</li>
</ol>
Inline code
Markdown
Within text
Use the `foo()` method
Use the foo() method
Markdown
Entire line
`The whole line is code`
The whole line is code
Markdown
Escaping backtick
``Double backticks to `escape` a backtick``
Double backticks to `escape` a backtick
HTML
WIthin text
Use the <code>foo()</code> method
Use the foo() method
HTML
Entire line
<code>The whole line is code</code>
The whole line is code
Code block
Markdown
Indented
// Indented code
foo();
// Indented code
foo();
Markdown
Fenced
```
// Fenced code
foo();
```
// Fenced code
foo();
HTML
PRE tag
<pre>// In a pre
foo();</pre>
// In a pre
foo();
Horizontal rule
Markdown
Dashes
Three
---
Dashes
Three
Dashes
Markdown
Stars
Three
***
Stars
Three
Stars
HTML
HR tag
This
<hr>
That
This
That
Heading 1
Markdown
Hash
# Single hash
Single hash
Markdown
Equals
Triple equals below
===
Triple equals below
===
HTML
H1 tag
<h1>Foo</h1>
Foo
Heading 2
Markdown
Hashes
## Double hash
Double hash
Markdown
Dashes
Triple dash below
---
Triple dash below
HTML
H2 tag
<h2>Foo</h2>
Foo
Heading 3
Markdown
Hashes
### Foo
Foo
HTML
H3 tag
<h3>Foo</h3>
Foo
Heading 4
Markdown
Hashes
#### Foo
Foo
Not supported
Coda doesn’t support headers beyond level 3.
HTML
H4 tag
<h4>Foo</h4>
Foo
Not supported
Coda doesn’t support headers beyond level 3.
Heading 5
Markdown
Hashes
##### Foo
Foo
Not supported
Coda doesn’t support headers beyond level 3.
HTML
H5 tag
<h5>Foo</h5>
Foo
Not supported
Coda doesn’t support headers beyond level 3.
Heading 6
Markdown
Hashes
###### Foo
Foo
Not supported
Coda doesn’t support headers beyond level 3.
HTML
H6 tag
<h6>Foo</h6>
Foo
Not supported
Coda doesn’t support headers beyond level 3.
Paragraphs
Markdown
Blank line
Some text.
More text.
Some text.
More text.
HTML
One line
<p>One.</p><p>Line.</p>
One.
Line.
HTML
Two lines
<p>Two.</p>
<p>Lines.</p>
Two.
Lines.
Warning
Extra vertical space is added when the paragraphs are on separate lines.
Line breaks
Markdown
Just line break
Line breaks
aren't rendered
Line breaks
aren’t rendered
According to spec, line breaks in the source code shouldn’t be rendered.
Markdown
Two trailing spaces
Use two spaces
to create a line break
Use two spaces
to create a line break
HTML
Just line break
Line breaks
aren't rendered
Line breaks aren't rendered
HTML
BR tag
Use the br tag <br/> to create a line break
Use the br tag
to create a line break
Warning
The whitespace after the line break should be collapsed.
Block quotes
Markdown
Single line
> Quote here
Quote here
Markdown
Multiple lines
> Multiple
> Lines
Multiple
Lines
Markdown
Blank line
> Includes
>
> a blank line
Includes
a blank line
Bug
The blank line isn’t preserved.
Markdown
Nested
> Nested
>> Quotes
Nested
Quotes
Not supported
Coda doesn’t support nested quotes.
HTML
Single line
<blockquote>Quote here</blockquote>
Quote here
HTML
Nested
<blockquote>Nested
<blockquote>Quotes</blockquote>
</blockquote>
Nested
Quotes
Not supported
Coda doesn’t support nested quotes.
Table
Markdown
Table extension
| Col1 | Col2 |
| ---- | ---- |
| foo | bar |
| Col1 | Col2 |
| ---- | ---- |
| foo | bar |
Not supported
Coda doesn’t support simple tables.
HTML
TABLE tag
<table>
<tr>
<td>foo</td>
<td>bar</td>
</tr>
</table>
foo bar
Not supported
Coda doesn’t support simple tables.
Mixed markup
Markdown
HTML in Markdown
Markdown <i>containing</i> HTML.
Markdown containing HTML.
Bug
HTML tags in markdown are stripped.
Escaping markup
Markdown
Backslashes
This \*is\* cool
This *is* cool
HTML
HTML entities
This <is> cool
This <is> cool
Colors
HTML
Font color
<span style="color: blue;">blue</span>
blue
Not supported
Colors aren’t currently supported.
HTML
Background color
<span style="background-color: blue;">blue</span>
blue
Not supported
Only the color “yellow” works today, other colors aren’t currently supported.
Want to print your doc?
This is not the way.
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.