Compose tips

Basic HTML

• Allowed HTML tags: <a href hreflang class data-dialog-options data-dialog-type data-dialog-renderer> <em> <strong> <dfn class tabindex title> <button class disabled> <blockquote cite> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id> <p> <br> <span> <img src alt height width data-entity-type data-entity-uuid data-align data-caption> <table> <caption> <tbody> <thead> <tfoot> <th> <td> <tr>

  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://civilprotection.solutions">Portfolio of CDM Gaps, Solutions and Trials</a>	Portfolio of CDM Gaps, Solutions and Trials
  Emphasized	<em>Emphasized</em>	Emphasized
  Strong	<strong>Strong</strong>	Strong
  No help provided for tag dfn.
  No help provided for tag button.
  Block quoted	<blockquote>Block quoted</blockquote>	Block quoted
  Unordered list - use the <li> to begin each list item	<ul> <li>First item</li> <li>Second item</li> </ul>	First item Second item
  Ordered list - use the <li> to begin each list item	<ol> <li>First item</li> <li>Second item</li> </ol>	First item Second item
  No help provided for tag li.
  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.
  No help provided for tag dd.
  Heading	<h2>Subtitle</h2>	Subtitle
  Heading	<h3>Subtitle three</h3>	Subtitle three
  Heading	<h4>Subtitle four</h4>	Subtitle four
  Heading	<h5>Subtitle five</h5>	Subtitle five
  Heading	<h6>Subtitle six</h6>	Subtitle six
  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.
  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 break
  No help provided for tag span.
  No help provided for tag img.
  Table	<table> <tr><th>Table header</th></tr> <tr><td>Table cell</td></tr> </table>	Table header Table cell
  No help provided for tag caption.
  No help provided for tag tbody.
  No help provided for tag thead.
  No help provided for tag tfoot.
  No help provided for tag th.
  No help provided for tag td.
  No help provided for tag tr.

  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 &amp; 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	&lt;	<
  Quotation mark	&quot;	"

• 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" />

• 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>
• Only images hosted on this site may be used in <img> tags.