HTML Online - Block Paragraph Elements


		Home \| Community \| Developer's Paradise User Groups \| Site Tools \| Site Information \| Search

Main Menu

HTML Online

Head Elements

Block Elements
  Headers
  Content Containers
  Lists

Inline Elements

Block Level Elements - Contents

As you author your document, there are different block elements that serve different purposes:

P: A <P> element designates a paragraph.
ADDRESS: The <ADDRESS> element may be used to supply contact information for document or a major part of a document such as a form. This element often appears at the beginning or end of a document.
BLOCKQUOTE: The <BLOCKQUOTE> element is used to designate content as being quoted from a source. An in-line quote is created using the <Q> element.
PRE: The <PRE> element retains the spacing of its contents. It is most often used to supply source code.

You can apply the different types of block elements to the sample text. Only the middle paragraph will be effected. ^IE4

Traditionally these elements have been used for their presentational effect. For example, blockquote was used to indent text. Nesting blockquotes was used to increase the indention. While this works this violates the intent of HTML. Instead, if text needs to be indented, you are recommended to use a style sheet. For example, the paragraphs in this tour and throughout the site^IE4 are indented using the following style sheet:

  <STYLE TYPE="text/css">
    /* Remove the top and bottom margin */
    P {text-indent: 12pt; margin-top: 0pt; margin-bottom: 0pt}
    /* Remove indent from paragraphs of class=start */
    P.start {text-indent: 0pt}
  </STYLE>
  <BODY>
    <P CLASS=START>This is the first paragraph and is not indented.
    <P>By default the paragraph's first line is indented.
  </BODY>

Next we discuss the HTML elements for building different types of lists.

List Elements...