HOME  |    TRAINING  |   FREE TUTORIALS   |   JOBS
Find out more about our new RSS feed.
FREE Tutorial
BASIC HTML

CATEGORY
SEARCH OUR OTHER TUTORIALS

DESCRIPTION

A description of some basic HTML elements used in the BODY of Web documents. This includes paragraph breaks, new lines and headings.
Click here to be kept informed of our new Tutorials.


Paragraphs

The element <P> is used to denote the start of a new paragraph. The element </P> may be used to indicate the end of a paragraph although this is not required.

Pressing the ENTER key to indicate a new line or paragraph does not work in HTML since the format of the paragraph is determined by the width of the browser view screen. The web browser formats the paragraphs automatically.

Format

<P>Text </P>

Example of paragraph use

<HTML>
 <BODY>
  <P>This is paragraph one</P>
  <P>This is paragraph two</P>
  <P>This is paragraph three</P>
 </BODY>
</HTML>

Netscape displays the HTML as:

Line Breaks

The element <BR> is used to denote the start of a new line. Like the paragraph element the line break element forces the text onto a new line however a smaller gap is left between the new line and the old. Line breaks can be inserted into paragraphs between the <P> and </P> elements.

Format

Some text<BR>Some more text

Example of Line Break use

<HTML>
 <BODY>
  <P>This is paragraph one</P>
  <P>This is paragraph two<BR>
  This paragraph has some more text which starts on a new line</P>
  <P>This is paragraph three which has some text which will be 
  automatically wrapped around the screen depending on the width
  of the Netscape viewing window</P>
 </BODY>
</HTML>

Netscape displays the above HTML as:

Section Headings

HTML supports six levels of section heading. The elements <H1>, <H2> ... <H6> are used to indicate the heading text. Heading <H1> is the largest and boldest with the others becoming progressively smaller. Each heading element has a corresponding close </H?> element.

The heading number does not actually imply any order within the document. In other words you could start the document with a heading level three then have a heading level one, etc.

Format

<H#>text</H#>

# should be replaced with the values 1-6 depending on the size of heading required.

Example of Heading use

<HTML>
 <BODY>
  <H1>Heading Level One</H1>
  <H2>Heading Level Two</H2>
  <H3>Heading Level Three</H3>
  <H4>Heading Level Four</H4>
  <H5>Heading Level Five</H5>
  <H6>Heading Level Six</H6>
 </BODY>
</HTML>

Netscape displays the above HTML as:

Example of Mixed Heading use

<HTML>
 <BODY>
  <H2>Heading Level Two</H2>
  <H1>Heading Level One</H1>
  <H3>Heading Level Three</H3>
  <H2>Heading Level Two</H2>
  <H5>Heading Level Five</H5>
  <H2>Heading Level Two</H2>
 </BODY>
</HTML>

Netscape displays the above HTML as:




5 RELATED COURSES AVAILABLE
HTML 4.0 INTRODUCTION
To create, format and publish a small website using HTML 4.0. You will learn to create web pages incorporating fo....
JAVASCRIPT PROGRAMMING
This training course aims to teach the reader the fundamentals of JavaScript. This course covers topics such as -....
I-NET+ MODULE 8 - DEVELOPING A WEB SITE
On completion of this module, readers will be able to: create HTML pages incorporating different document-, parag....
MICROSOFT INTERNET EXPLORER 6.0 INTERNET INTRODUCTION
This course provides readers with an introduction to the concept of the Internet and the opportunity to gain a br....
A+ MODULE 5 - THE INTERNET
At the end of this course you will be able to: describe the functions of an operating system, describe the featur....
 
0 RELATED JOBS AVAILABLE
CONTACT US
Thursday 4th December 2008  © COPYRIGHT 2008 - VISUALSOFT