Compose tips
Allowed HTML tags: <a name href hreflang> <b> <br> <cite> <code> <dd> <dl> <dt> <em> <font> <i> <li> <ol start type> <p> <span> <strong> <sup> <table> <td> <tr> <ul type> <blockquote> <img src alt data-entity-type data-entity-uuid width vspace hspace height border align>
This site allows HTML content. While learning all of HTML may feel intimidating, learning how to use a very small number of the most basic HTML "tags" is very easy. This table provides examples for each tag that is enabled on this site.
For more information see W3C's HTML Specifications or use your favorite search engine to find other sites that explain HTML.
Tag Description You Type You Get Anchors are used to make links to other pages. <a href="https://benkallos.com">Ben Kallos, New York City Council Member</a>
Ben Kallos, New York City Council Member Bolded <b>Bolded</b>
Bolded By default line break tags are automatically added, so use this tag to add additional ones. Use of this tag is different because it is not used with an open/close pair like all the others. Use the extra " /" inside the tag to maintain XHTML 1.0 compatibility Text with <br />line break
Text with
line breakCited <cite>Cited</cite>
Cited Coded text used to show programming source code <code>Coded</code>
Coded
No help provided for tag dd. Definition lists are similar to other HTML lists. <dl> begins the definition list, <dt> begins the definition term and <dd> begins the definition description. <dl> <dt>First term</dt> <dd>First definition</dd> <dt>Second term</dt> <dd>Second definition</dd> </dl>
- First term
- First definition
- Second term
- Second definition
No help provided for tag dt. Emphasized <em>Emphasized</em>
Emphasized No help provided for tag font. Italicized <i>Italicized</i>
Italicized No help provided for tag li. Ordered list - use the <li> to begin each list item <ol> <li>First item</li> <li>Second item</li> </ol>
- First item
- Second item
By default paragraph tags are automatically added, so use this tag to add additional ones. <p>Paragraph one.</p> <p>Paragraph two.</p>
Paragraph one.
Paragraph two.
No help provided for tag span. Strong <strong>Strong</strong>
Strong Superscripted <sup>Super</sup>scripted
Superscripted Table <table> <tr><th>Table header</th></tr> <tr><td>Table cell</td></tr> </table>
Table header Table cell No help provided for tag td. No help provided for tag tr. Unordered list - use the <li> to begin each list item <ul> <li>First item</li> <li>Second item</li> </ul>
- First item
- Second item
Block quoted <blockquote>Block quoted</blockquote>
Block quoted
No help provided for tag img. Most unusual characters can be directly entered without any problems.
If you do encounter problems, try using HTML character entities. A common example looks like & for an ampersand & character. For a full list of entities see HTML's entities page. Some of the available characters include:
Character Description You Type You Get Ampersand &
& Greater than >
> Less than <
< Quotation mark "
" -
You can align images, videos, blockquotes and so on to the left, right or center. Examples:
- Align an image to the left:
<img src="" data-align="left" />
- Align an image to the center:
<img src="" data-align="center" />
- Align an image to the right:
<img src="" data-align="right" />
- … and you can apply this to other elements as well:
<video src="" data-align="center" />
- Align an image to the left:
- Lines and paragraphs are automatically recognized. The <br /> line break, <p> paragraph and </p> close paragraph tags are inserted automatically. If paragraphs are not recognized simply add a couple of blank lines.
-
You can caption images, videos, blockquotes, and so on. Examples:
<img src="" data-caption="This is a caption" />
<video src="" data-caption="The Drupal Dance" />
<blockquote data-caption="Dries Buytaert">Drupal is awesome!</blockquote>
<code data-caption="Hello world in JavaScript.">alert("Hello world!");</code>
- Web page addresses and email addresses turn into links automatically.
-
You can make images responsive by adding a
data-responsive-image-style
attribute, whose value is one of the responsive image style machine names: !responsive-image-style-machine-name-list.
- No HTML tags allowed.
- Lines and paragraphs are automatically recognized. The <br /> line break, <p> paragraph and </p> close paragraph tags are inserted automatically. If paragraphs are not recognized simply add a couple of blank lines.
- Web page addresses and email addresses turn into links automatically.