Paragraphs and headings

A real web page has a more complex content. We learn to organize it using paragraphs and headings.

Paragraph

A document is structured as a sequence of separate parts, called paragraphs.

A paragraph start with the <P> tag and ends with the </P> tag.

<P>This software is Freeware. It may not be distributed as part of
any commercial product without express written permission.</P>
<P>This software is licensed "AS IS" without warranty of any kind,
either express or implied, including, without limitation,
the implied  warranties of merchantability
or fitness for a particular purpose.</P>

This software is Freeware. It may not be distributed as part of any commercial product without express written permission.

The software is licensed "AS IS" without warranty of any kind, either express or implied, including, without limitation, the implied warranties of merchantability or fitness for a particular purpose.

Heading

The title of a section of the document is called heading.
There are six sizes of heading:

<H1>Level 1 heading</H1>

<H2>Level 2 heading</H2>

<H3>Level 3 heading</H3>

<H4>Level 4 heading</H4>

<H5>Level 5 heading</H5>

<H6>Level 6 heading</H6>

Level 1 heading

Level 2 heading

Level 3 heading

Level 4 heading

Level 5 heading

Level 6 heading

Example

This is the code of a page organized using paragraphs and headings:

<HTML>
<HEAD>
<TITLE>Super Software User Manual</TITLE>
</HEAD>
<BODY>
<H1>User manual</H1>
<P>
SUPER SOFTWARE
<BR>
<BR>
Supersoft 2000-2005 - All rights reserved.
<BR>
<BR>
Read this manual before to use the program.
</P>

<H2>System requirements</H2>
<P>
Windows 98 SE, ME, XP.
<BR>
Pentium 133Mhz, 32Mb RAM, 20Mb of free disk space.
</P>

<H3>Getting started</H3>
<P>
Read the "Basic functions" chapter.
</P>
</BODY>
</HTML>

Try this :

Open Notepad
copy and paste the code above
save the file as example2.htm. Open it with your browser.
open example2.htm with Notepad. Replace title, headings and paragraphs with anything you like
save the file with another name. Open it with your browser and compare it with example2.htm.

Next page :

the basic text formatting rules.

Basic structure

Paragraphs and headings

Formatting the text

Lists

Images

Links

Tables

Frames

Standardization

Style sheets

CSS syntax

DIV and SPAN sections

Margin and padding

Width and height

RGB colours

Borders

Fonts

Alignment

Link style

Background

Publishing