Basic HTML Coding

Container Tags -- Container tags are used to affect a certain portion of your material. They utilize the on/off approach. Container tags operate on the material between the opening tag < tag> and the closing tag </ tag>
Start tagEnd TagFormat of code used in exampleHow it looks
<b> </b> This is for <b>bold</b> text This is for bold text
<strong> </strong> <strong>Strong</strong> is similar to bold but may depend on the browser Strong is similar to bold but may depend on the browser
<i> </i> This is for <i>italic</i> text This is for italic text
<cite> </cite> <cite>Cite</cite> is similar to italic Cite is similar to italic
<em> </em> So is <em>Emphasis</em> but may depend on browser So is Emphasis but may depend on browser
<center> </center> <center>Centers the text</center>
Centers the text
<p align=right> </p> Right aligned paragraph. <p align=right>You can use the "p" tag as a container to align text to the right</p> Right aligned paragraph.

You can use the "p" tag as a container to align text to the right

<blockquote> </blockquote> <blockquote> Use blockquote to indent a section of text from both sides. Great for quoted sections in a paper. Also very effective to use on an entire page to keep things from getting too close to the edge.</blockquote>
Use blockquote to indent a section of text from both sides. Great for quoted sections in a paper. Also very effective to use on an entire page to keep things from getting too close to the edge.
<h3> </h3> <H3>Use H1 or H2 or H3 etc. for headings</H3>It automatically adds a paragraph break after the heading. Note: 1 is largest.

Use H1 or H2 or H3 etc. for headings

It automatically adds a paragraph break after the heading. Note: 1 is largest.
<font size=+2> </font> Increases <font size=+2>font size</font> by the amount of the number. You can also use <font size=-2>negative</font> numbers. Increases font size by the amount of the number. You can also use negative numbers.
<font size=6> </font> Changes <font size=6>font size</font> to a specific size. Higher numbers are larger font size. Changes font size to a specific size. Higher numbers are larger font size.
<font color="#0000FF"> </font> You can <font color="#0000FF">change the font color</font> within your text. See the <A HREF="tables2.html">section on colors</A> for options of color codes or experiment. You can change the font color within your text. See the section on colors for options of color codes or experiment.
<font face="Verdana, Arial, Helvetica, sans-serif"> </font> You can <font face="Verdana, Arial, Helvetica, sans-serif">change the actual font used to some extent within your text.</font> In this instance, the browser will attempt to use "Verdana" if the computer has it; if not, "Arial"; if not, "Helvetica"; if not, a generic sans-serif font; if not, it will ignore the instruction. You can change the actual font used to some extent within your text. In this instance, the browser will attempt to use "Verdana" if the computer has it; if not, "Arial"; if not, "Helvetica"; if not, a generic sans-serif font; if not, it will ignore the instruction.
<blink> </blink> Blink. The most <blink>annoying</blink> code in html. Blink. The most annoying code in html.
<ul> </ul> Unordered List.<ul><li>Creates a list with bullets<li>"li" is used to denote list items<li>Each appears with a bullet<p>A break with no "li" gives an item without bullet.</ul> Unordered List.
  • Creates a list with bullets
  • "li" is used to denote list items
  • Each appears with a bullet

    A break with no "li" gives an item without bullet.

<ol> </ol> Ordered List.<ol><li>Creates a list with numbers<li>"li" is used to denote list items<li>Each appears with a consecutive<p>A break with no "li" gives an item without a number.</ol> Ordered List.
  1. Creates a list with numbers
  2. "li" is used to denote list items
  3. Each appears with a number

    A break with no "li" gives an item without a number.

<dl> </dl> Definition List.<dl><li>Creates a list with bullets, but the list items are not indented<li>"li" is used to denote list items<li>Each appears with a bullet<p>A break with no "li" gives an item without bullet.</dl> Definition List.
  • Creates a list with bullets, but the list items are not indented
  • "li" is used to denote list items
  • Each appears with a bullet

    A break with no "li" gives an item without bullet.

    • <tt> </tt> This changes to <tt>typewriter style text</tt> within your text. This changes to typewriter style text within your text.
    <pre> </pre> <pre> Within the pre-formatted tag, text and numbers, etc. will be lined up exactly as you typed them. Good for lists and forms, etc. </pre> 
    Within the pre-formatted
tag, text and numbers, etc.
      will be lined up
exactly
as you typed them.
Good for lists and forms, etc.


    <
    WebTricks Main Page


    You can reach Pete at:
    pete@thelivingcanvas.com