Category: Information System Design and Development

Nat 5 – Common HTML Text Tags

<p></p> Paragraph – used to define the limits of a paragraph.
<h1></h1> Heading Style 1 – There are 7 heading styles from h1-h7, these are used to define heading and sub-headings.
<em></em> Emphasize – this displays text in italics normally.
<strong></strong> Strongly emphasised – normally displayed in bold

HTML5 Blank Template

<!DOCTYPE html>
<html>
<head>
<title> </title>
<meta charset=”UTF-8″/>
</head>
<body>

</body>
</html>

These notes were prepared using this article.

When an image is aligned it is just moved on the page to the left, centre or right. This just effects the position of the image and not the reaction of the text surrounding it. The inline version is given below.
- <div style=”text-align: center”><img src=”your-image.png” width=”100″ /></div>
When an image is floated it can either be on the right or the left of the page. The text is forced to wrap around it. The inline version is given below.
- <img style=”float: right” src=”page1.gif” />

Using the box model it is possible to float other sections of the page, such as the <NAV> area.

You can find more information on CSS Floats, from the links on the page or here.