HTML Block-Level Elements

Headings <h1> … </h1>

Headings are block level tags placed in the body to display boldface text, different point sizes, with space before and after the heading tag. There are six levels of heading from h1 to h6. Remember, all tags must be closed. Open demo_html.htm file in tutorial.01\demo folder. Enter and view the html output.

<h1>This is Heading h1</h1>
<h2>This is Heading h2</h2>
<h3>This is Heading h3</h3>
<h4>This is Heading h4</h4>
<h5>This is Heading h5</h5>
<h6>This is Heading h6</h6>

Paragraph <p> … </p>

The paragraph tag is used to surround blocks of text which adds one space before and after the tag. Never use the paragraph tag for additional line space. Use the style sheet rule of line-height.

<p>This text is enclosed in the paragraph open and close tags</p> Addtional text formatting will be covered using Style Sheets in future chapters.

Blockquote <blockquote>… </blockquote> or <q>…</q>

Blockquote sets off a long quotation of more than two lines. Newer browsers can interpret <q>. Use the cite tag to identify the author of the quote. Use special entities " & #34; to display quotation marks for older browsers

<blockquote>
This paragraph is placed within the blockquote to illustrate indentation of this block-level element.
</blockquote>

Address <address> … </address>

The address tag can be used to enclosed company information: full name and mailing address with phone and fax numbers.
<address>
<a href="mailto:emailaddress?subject=Order Information"> Text or Image </a>
</address>

Describe the address element text formatting

Single or One-side Elements <br /> <hr /> <img /> <meta />