BeerEngine

Campaign for Real Ale

HTML Structure tags

Using HTML is not required in Beer Engine but it can be very useful to ensure better layout and content structure. For those unfamiliar with HTML, the following are functionally very similar to styles in Microsoft Word and other word processing systems which apply structure to a document.

In HTML the content structure instructions are called tags. Most tags are used in pairs, with a tag to indicate the start of some structure and a related tag to indicate the end of that structure. For example, to define that a given block of text is a paragraph, and separated by a paragraph mark from the next block of text, we use the following:

<p>This is a block of text</p>

 

The following are the basic common HTML tags and are the only ones which you are likely to ever need.

Tag Purpose Example Result
<h1> ... </h1> Heading 1 <h1>Main Title</h1>

Main Title

<h2> ... </h2> Heading 2 <h2>Chapter 1</h2>

Chapter 1

<h3> ... </h3> Heading 3 <h3>Sub section 1.1</h3>

Sub section 1.1

<p> ... </p> Paragraph <p>This is a block of text</p>

This is a block of text

<ul> ... </ul> Bulleted list

<ul>
<li>First item</li>
<li>Second item</li>
<li>Third item</li><
/ul>

  • First item
  • Second item
  • Third item
<b> ... </b> Bold <p>What is <b>most</b> important ... </p> What is most important ...
<i> ... </i> Italics <p>Highlight the <i>key</i> point ... </p> Highlight the key point ...
<u> ... </u> Underline <p>Highlight the <u>key</u> point ... </p> Highlight the key point ...
<br> Line break Line 1<br>Line 2<br>Line 3 Line 1
Line 2
Line 3
<!-- ... --> Comment <!-- this is a comment --> Comments are not displayed