Page Content Formatting
Formatting
Formatting how your page is displayed is very important in a user’s experience. There are three main tags to learn when creating a well-designed page.
<div> </div> This creates a division in the page and is a good way to section off content. A division will allow you to control the other modifications you make to the site by breaking down the larger chunks into smaller, more manageable content pieces.
<p> </p> This function creates a paragraph. This is ideally used for large sections of text. It is important to note that this is different from a division tag. You can have multiple paragraphs in a division. But, creating a paragraph does not denote a division in content, unless explicitly stated.
<br> </br> This creates a line break in the text. The line break function is used if you have a large block of text and don’t want to create two entirely different sections utilizing the paragraph function.
Subsection Formatting
<ol> </ol> This creates an ordered list. When creating a subsection, proper listing will aid users in navigating your site.
<ol>
<li>First list item goes here </li>
<li> Second list item goes here </li>
<li> Third list item goes here </li>
</ol>
It is important to note that with the ordered list tags, the items will be numbered in ascending order: 1, 2, 3, 4, etc. Even if you change the text, the items will always be ordered this way.
Example:
1. Video Tutorial One.
2. Video Tutorial Two.
3. Quiz over Tutorials One and Two.
<ul> </ul> This creates an unordered list.
<ul>
<li> A list item goes here </li>
<li> A list item goes here </li>
<li> A list item goes here </li>
</ul>
The difference between the ordered list item and the unordered list item is that there will be no number assignments in the unordered list item. These lists are typically used when there is no numerical significance to the items. Example:
Home
About
Contact Us
