Images
Syntax for images is like the syntax for links, with one difference. Instead of link text, we have an image description. The rules for this are the same as for link text, except that (a) an image description starts with 
or foo <a href="/url">bar</a>
. Only the plain string content is rendered, without formatting.
Example 584
Markdown | HTML | Demo |
---|---|---|
|
|
Example 585
Markdown | HTML | Demo |
---|---|---|
|
|
Example 586
Markdown | HTML | Demo |
---|---|---|
|
|
Example 587
Markdown | HTML | Demo |
---|---|---|
|
|
Example 588
Markdown | HTML | Demo |
---|---|---|
|
|
Example 589
Markdown | HTML | Demo |
---|---|---|
|
|
Reference-style:
Example 590
Markdown | HTML | Demo |
---|---|---|
|
|
Example 591
Markdown | HTML | Demo |
---|---|---|
|
|
Collapsed:
Example 592
Markdown | HTML | Demo |
---|---|---|
|
|
Example 593
Markdown | HTML | Demo |
---|---|---|
|
|
The labels are case-insensitive:
Example 594
Markdown | HTML | Demo |
---|---|---|
|
|
As with reference links, whitespace is not allowed between the two sets of brackets:
Example 595
Markdown | HTML | Demo |
---|---|---|
|
|
Shortcut:
Example 596
Markdown | HTML | Demo |
---|---|---|
|
|
Example 597
Markdown | HTML | Demo |
---|---|---|
|
|
Note that link labels cannot contain unescaped brackets:
Example 598
Markdown | HTML | Demo |
---|---|---|
|
|
The link labels are case-insensitive:
Example 599
Markdown | HTML | Demo |
---|---|---|
|
|
If you just want a literal !
followed by bracketed text, you can backslash-escape the opening [
:
Example 600
Markdown | HTML | Demo |
---|---|---|
|
|
If you want a link after a literal !
, backslash-escape the !
:
Example 601
Markdown | HTML | Demo |
---|---|---|
|
|