Guidelines for writing html for blogs

HTML Content

Minify html here before pasting content in below field

Heading 1, 2, 3, 4, 5, 6 -> h1, h2, h3, h4, h5, h6

<h1>Example for heading</h1>

Paragraph

<p>Example for paragraph</p>

Image with caption

Note: First upload the image to media library and get the url from there

<figure><img src="pic_trulli.jpg" alt="Trulli" style="width:100%"><figcaption>Fig.1 - Trulli, Puglia, Italy.</figcaption></figure>

Quotes

Note: Don't need to add quotation marks separately

<q>Example for quote</q>

Table

Note: Wrap the table in a div with class table-container

<div class="table-container"><table><tr><th>Example for table head cell</th><th></th></tr><tr><td>Example for table body cell</td><td></td></tr><tr><td></td><td></td></tr></table></div>

ul and ol

<ul><li>Example for unordered list</li><li>Example for unordered list</li></ul>

<ol><li>Example for ordered list</li><li>Example for ordered list</li></ol>

iframe, we can use this for any embed like youtube video, map, files etc.

The youtube url should be in https://www.youtube.com/embed/{videoId}. If url is https://www.youtube.com/watch?v=ADh6QTp8798 we should convert it https://www.youtube.com/embed/ADh6QTp8798

<iframe
              allowfullscreen="true"
              src="https://www.youtube.com/embed/ADh6QTp8798"
              title=""
            />