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> |
|
<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 |