Merge pull request #9 from writefreely/add-html

Add HTML documentation
This commit is contained in:
Matt Baer 2019-12-17 21:33:19 -05:00 committed by GitHub
commit a0aba3d08e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

118
writer/html.md Normal file
View File

@ -0,0 +1,118 @@
# Adding HTML
Along with plaintext and Markdown, you can also format text on WriteFreely with HTML. Here is the supported HTML you can use in your posts.
## Text
```
<h1>Header</h1>
<h2>Header</h2>
<h3>Header</h3>
<h4>Header</h4>
<p>Text</p>
<ul>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ul>
<ol>
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
</ol>
<blockquote>This is a blockquote.</blockquote>
```
<h1>Header</h1>
<h2>Header</h2>
<h3>Header</h3>
<h4>Header</h4>
<p>Text</p>
<ul>
<li>List Item 1</li>
<li>List Item 2</li>
<li>List Item 3</li>
</ul>
<ol>
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
</ol>
<blockquote>This is a blockquote.</blockquote>
```
<strong>Bold</strong>
<em>Italics</em>
<u>Underline</u>
<span style="color:red">Style</span>
<a href="https://write.as">Link</a>
```
<strong>Bold</strong>
<em>Italics</em>
<u>Underline</u>
<span style="color:red">Style</span>
<div id="myDiv" name="myDiv" title="Example Div Element" style="color: #0900C4; border: 1px solid black;">
<h5>Subtitle in the box</h5>
<p>This paragraph is also inside the box...</p>
</div>
<a href="https://write.as">Link</a>
## Video
```
<video src="https://cdn.glitch.com/db7ab5d8-dd97-466b-8180-676147e8fc40%2FUsing%20Write.as%20Themes.mp4?" controls></video>
```
<video src="https://cdn.glitch.com/db7ab5d8-dd97-466b-8180-676147e8fc40%2FUsing%20Write.as%20Themes.mp4?" controls></video>
## Iframe
```
<iframe width="560" height="315" src="https://www.youtube.com/embed/HJT8yYf-XPs" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
```
<iframe width="560" height="315" src="https://www.youtube.com/embed/HJT8yYf-XPs" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
## Audio
```
<audio src="https://cdn.glitch.com/db7ab5d8-dd97-466b-8180-676147e8fc40%2F%2333%20-%20Reflection%2014%20about.mp3" controls></audio>
```
<audio src="https://cdn.glitch.com/db7ab5d8-dd97-466b-8180-676147e8fc40%2F%2333%20-%20Reflection%2014%20about.mp3" controls></audio>
## Image
```
<img src="https://i.snap.as/2HKPL0c.png" />
```
<img src="https://i.snap.as/2HKPL0c.png" />