docs/writer/html.md

112 lines
2.2 KiB
Markdown
Raw Normal View History

2019-12-18 02:26:38 +00:00
# Adding HTML
2019-12-13 16:57:06 +00:00
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>
## Multimedia
```
<video src="https://cdn.glitch.com/db7ab5d8-dd97-466b-8180-676147e8fc40%2FUsing%20Write.as%20Themes.mp4?" controls>
```
<video src="https://cdn.glitch.com/db7ab5d8-dd97-466b-8180-676147e8fc40%2FUsing%20Write.as%20Themes.mp4?" controls>
```
<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 src="https://cdn.glitch.com/db7ab5d8-dd97-466b-8180-676147e8fc40%2F%2333%20-%20Reflection%2014%20about.mp3" controls>
```
<audio src="https://cdn.glitch.com/db7ab5d8-dd97-466b-8180-676147e8fc40%2F%2333%20-%20Reflection%2014%20about.mp3" controls>
```
<img src="https://i.snap.as/2HKPL0c.png"></img>
```
<img src="https://i.snap.as/2HKPL0c.png"></img>