A Paragraph is a section of text, generally same rules apply as in books. However line breaks seam to occur more frequently in text on webpages, which seams to increase readability when done right.

HTML Tags

Tags are what defines the content of the website. In theory you could just write plain text to the browser, but in practice you may want to apply styles to your text, or even divide your page in sections, using div elements.

This is where tags come in, elements consist of a start tag, and a closing tag. The p tag for instance, stands for paragraph, and like most elements it has a default style applied, this can be changed through CSS.

<p>This is a Paragraph</p>

To force a line break, we use the br tag, see below.

<p>This is a Paragraph<br>With a single line-break</p>

Like we have headlines in books and other media, we also got headlines in HTML. Again its easy to remember, as headlines are assigned to the h1-h6 tags, they also have their own default style, which can be changed with CSS, See also: Styling Paragraphs and Headings using CSS

<h1>h1 - Headline1</h1>
<h2>h2 - Headline2</h2>
<h3>h3 - Headline3</h3>
<h4>h4 - Headline4</h4>
<h5>h5 - Headline5</h5>
<h6>h6 - Headline6</h6>

The above would result in something like:

h1 - Headline1

h2 - Headline2

h3 - Headline3

h4 - Headline4

h5 - Headline5

h6 - Headline6

Normally we have one main headline (The h1), and several less important headlines. The correct usage, would be to use h1 first, and h2 on section headlines, and so forth.

Note. Both Paragraphs and Headlines, are Block-Level elements.

The next Tutorial is: Images and Links