My WhiteWind Markdown/HTML guide!

Definition Lists

Definition lists don't appear to be supported in markdown but are supported using HTML

The HTML looks like this:

<dl>
  <dt>First Term</dt>
  <dd>This is the definition of the first term.</dd>
  <dt>Second Term</dt>
  <dd>This is one definition of the second term. </dd>
  <dd>This is another definition of the second term.</dd>
</dl>

and the output:

<dl> <dt>First Term</dt> <dd>This is the definition of the first term.</dd> <dt>Second Term</dt> <dd>This is one definition of the second term. </dd> <dd>This is another definition of the second term.</dd> </dl>

Lists

- Write the press release
- Update the website
- Contact the media

1. Write the press release
2. Update the website
3. Contact the media

- [x] Write the press release
- [ ] Update the website
- [ ] Contact the media

and the output:

• Write the press release
• Update the website
• Contact the media

• Write the press release
• Update the website
• Contact the media

• [x] Write the press release
• [ ] Update the website
• [ ] Contact the media

Highlighting

I need to highlight these **very important words**

and the output:

I need to highlight these very important words

Strikethrough

~~The world is flat.~~ We now know that the world is round.

and the output:

The world is flat. We now know that the world is round.

Super and sub scripting

H<sub>2</sub>O
X<sup>2</sup>

and the output:

H₂O X²

Links

http://www.example.com

[A link with a tool tip](http://www.example.com "Example Tooltip")

and the output:

http://www.example.com

A link with a tool tip

Images

Drag and drop images from file manager (pasting a copied image isn't currently supported) and you'll get a link which renders the image inline - you can also take the link and use it in tables as img src input for table cells shown below.

![](https://cordyceps.us-west.host.bsky.network/xrpc/com.atproto.sync.getBlob?did=did%3Aplc%3A2tm3ik7zyr2rkq42dot7vhis&cid=bafkreievsuxtefu2wbrxu4o2rkybaixee33o45zvhwbekmnracs4boexg4)

HTML Tables

<table>
        <tr>
            <td><img src=
"https://cordyceps.us-west.host.bsky.network/xrpc/com.atproto.sync.getBlob?did=did%3Aplc%3A2tm3ik7zyr2rkq42dot7vhis&cid=bafkreiap6cw6msrwayxcajc57ruysnf2b26ucslkvxxmagizsnya6bqmom" 
                alt="GFG Logo" >
            </td>
            <td><img src="https://cordyceps.us-west.host.bsky.network/xrpc/com.atproto.sync.getBlob?did=did%3Aplc%3A2tm3ik7zyr2rkq42dot7vhis&cid=bafkreiap6cw6msrwayxcajc57ruysnf2b26ucslkvxxmagizsnya6bqmom"
                alt="GFG Logo" 
            </td>
        </tr>
        <tr>
            <td><img src=
"https://media.geeksforgeeks.org/wp-content/cdn-uploads/20190710102234/download3.png" 
                alt="GFG Logo" >
            </td>
            <td><img src=
"https://media.geeksforgeeks.org/wp-content/cdn-uploads/20190710102234/download3.png" 
                alt="GFG Logo">
            </td>
        </tr>
</table>

and the output:

<table> <tr> <td><img src= "https://cordyceps.us-west.host.bsky.network/xrpc/com.atproto.sync.getBlob?did=did%3Aplc%3A2tm3ik7zyr2rkq42dot7vhis&cid=bafkreiap6cw6msrwayxcajc57ruysnf2b26ucslkvxxmagizsnya6bqmom" alt="GFG Logo" > </td> <td><img src="https://cordyceps.us-west.host.bsky.network/xrpc/com.atproto.sync.getBlob?did=did%3Aplc%3A2tm3ik7zyr2rkq42dot7vhis&cid=bafkreiap6cw6msrwayxcajc57ruysnf2b26ucslkvxxmagizsnya6bqmom" alt="GFG Logo" </td> </tr> <tr> <td><img src= "https://media.geeksforgeeks.org/wp-content/cdn-uploads/20190710102234/download3.png" alt="GFG Logo" > </td> <td><img src= "https://media.geeksforgeeks.org/wp-content/cdn-uploads/20190710102234/download3.png" alt="GFG Logo"> </td> </tr> </table>

Limiting the image size in a table cell

<td><img src=
"https://media.geeksforgeeks.org/wp-content/cdn-uploads/20190710102234/download3.png" 
                alt="GFG Logo" width="100" 
                height="100">
</td>

and the output:

<td><img src= "https://media.geeksforgeeks.org/wp-content/cdn-uploads/20190710102234/download3.png" alt="GFG Logo" width="100" height="100"> </td>

An example where you want to have one image span more than one column of a table and the first image is a link to another site

<table>
        <tr>
            <td colspan="2"><a href="https://google.com"><img src=
"https://cordyceps.us-west.host.bsky.network/xrpc/com.atproto.sync.getBlob?did=did%3Aplc%3A2tm3ik7zyr2rkq42dot7vhis&cid=bafkreiap6cw6msrwayxcajc57ruysnf2b26ucslkvxxmagizsnya6bqmom" 
                alt="GFG Logo" />
               </a>
            </td>
        </tr>
        <tr>
            <td><img src=
"https://media.geeksforgeeks.org/wp-content/cdn-uploads/20190710102234/download3.png" 
                alt="GFG Logo" >
            </td>
            <td><img src=
"https://media.geeksforgeeks.org/wp-content/cdn-uploads/20190710102234/download3.png" 
                alt="GFG Logo">
            </td>
        </tr>
        <tr>
            <td colspan="2"><img src=
"https://cordyceps.us-west.host.bsky.network/xrpc/com.atproto.sync.getBlob?did=did%3Aplc%3A2tm3ik7zyr2rkq42dot7vhis&cid=bafkreiap6cw6msrwayxcajc57ruysnf2b26ucslkvxxmagizsnya6bqmom" 
                alt="GFG Logo" >
            </td>
        </tr>
</table>

and the output:

<table> <tr> <td colspan="2"><a href="https://google.com"><img src= "https://cordyceps.us-west.host.bsky.network/xrpc/com.atproto.sync.getBlob?did=did%3Aplc%3A2tm3ik7zyr2rkq42dot7vhis&cid=bafkreiap6cw6msrwayxcajc57ruysnf2b26ucslkvxxmagizsnya6bqmom" alt="GFG Logo" /> </a> </td> </tr> <tr> <td><img src= "https://media.geeksforgeeks.org/wp-content/cdn-uploads/20190710102234/download3.png" alt="GFG Logo" > </td> <td><img src= "https://media.geeksforgeeks.org/wp-content/cdn-uploads/20190710102234/download3.png" alt="GFG Logo"> </td> </tr> <tr> <td colspan="2"><img src= "https://cordyceps.us-west.host.bsky.network/xrpc/com.atproto.sync.getBlob?did=did%3Aplc%3A2tm3ik7zyr2rkq42dot7vhis&cid=bafkreiap6cw6msrwayxcajc57ruysnf2b26ucslkvxxmagizsnya6bqmom" alt="GFG Logo" > </td> </tr> </table>