IIC 1: Body Tags

Tags used in the body section are numerous. Some of the most common are Heading tags and Text formatting tags.

HEADING TAGS
Heading tags cause text to render differently to normal text. There are six (6) levels of heading. The tag format is <hX>Content</hX>, where X is a number from one to six. <h1></h1> produces the largest heading and is the most common heading tag used. <h3></h3> creates a heading about the same size as normal, unformatted text, while Heading types 4-6 create text that is smaller. Below is an example of all six heading types. Remember it is vital that you close tags like the Heading tags, as their effects carry on until a closing tag is encountered.

Code Result
<h1>Heading 1</h1>

Heading 1

<h2>Heading 2</h2>

Heading 2

<h3>Heading 3</h3>

Heading 3

<h4>Heading 4</h4>

Heading 4

<h5>Heading 5</h5>
Heading 5
<h4>Heading 6</h6>
Heading 6


GENERAL FORMATTING
Code Result
<i>Italic</i> Italic
<b>Bold</b> Bold
<u>Underline</u> Underline
<hr />
(horizontal line)
<br />
(new line)
<div>Text Container</div>
Text Container
<div style="font-size:15px;color:#ff0000;"> Text Container with Style</div>
Text Container with Style