Deprecated Demo Page

The deparecated <font> tag's attributes:

<font color=red>

CODE RED!!!
CODE RED!!!

<font size=3>

The html default font size is 3. This line has no size set.
This line of text has the font size explicitly set to size 3, but it ought to look the same size as the above.

This text is set to font size 5

This is line of text is set to a relative font size of -1. It is relative to the default size of 3.
This line of text is explicitly set to the font size of 2. It ought to be the same size as the line of text above set to the relative size of -1.

The <big> tag

This text is BIG
This text is even BIGGGER
This text is the BIGGEST of the three examples here.

The <small> tag

This text is SMALL
This text is even SMALLER
This text is the SMALLEST of the three examples here.

This table has...

...a stucco background image that was created in a manner so that when the image "tiles" (which is the default) there will be a seamless boundry between the images.

Here is the actual background image at its actual size. A black border has been added to distinguish it from the background:

stucco background image by itself

This table tag has these deprecated attributes:

  • width=400
  • align=center
  • border=3
  • bordercolor=olive
  • background="images/bgLightStucco.jpg"

And also these, which are not deparecated in HMTL4 but are in HTML5:

  • width=400
  • cellpadding=40
    • The distance between walls of cell and the contents of the cell.
  • cellspacing=0
    • The distance between cells in a multiple cell table (which most of them are).

Once again, the image used to tile the background of the table above is this one, again a black border has been added to set it apart from the rest of the page: stucco background image by itself Also note that the image tag now has the align=absmiddle attribute, so that the absolute (actual) middle of the line of text aligns with the absolute middle of the image.

The <table> tag has linear gradient background image.

But this cell <td> tag has diagonal lines for a background image.
 

Paragraph aligned right <p align=right>

<h2 align=center>

hr tag  with these attributes: align=left width=50%  noshade  size=5

The <center> tag at work.

There is a right-aligned <img> tag in the middle of the first paragraph's code below, between the sentence "Donec et dui." and the sentence starting with "Class aptent taciti...".

Sed et lectus in massa imperdiet tincidunt. Praesent neque tortor, sollicitudin non, euismod a, adipiscing a, est. Mauris diam metus, varius nec, faucibus at, faucibus sollicitudin, lectus. Nam posuere felis ac urna. Vestibulum tempor vestibulum urna. Nullam metus. Vivamus ac purus. Nullam interdum ullamcorper libero. Morbi vehicula imperdiet justo. Etiam mollis fringilla ante. Donec et dui. yellow garland for demo of right alignment of img tag Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Etiam mi libero, luctus nec, blandit ac, rutrum ac, lectus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean viverra malesuada libero. Fusce ac quam. Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel accumsan aliquam, tellus dui fringilla quam, in condimentum augue lorem non tellus. Pellentesque id arcu non sem placerat iaculis. Curabitur posuere, pede vitae lacinia accumsan, enim nibh elementum orci, ut volutpat eros sapien nec sapien. Suspendisse neque arcu, ultrices commodo, pellentesque sit amet, ultricies ut, ipsum. Mauris et eros eget erat dapibus mollis. Mauris laoreet posuere odio. Nam ipsum ligula, ullamcorper eu, fringilla at, lacinia ut, augue. Nullam nunc.
Left-aligned image tag located in the code at the start of the cell.
yellow garland for demo of right alignment of img tag

Sed et lectus in massa imperdiet tincidunt. Praesent neque tortor, sollicitudin non, euismod a, adipiscing a, est. Mauris diam metus, varius nec, faucibus at, faucibus sollicitudin, lectus. Nam posuere felis ac urna. Vestibulum tempor vestibulum urna. Nullam metus. Vivamus ac purus. Nullam interdum ullamcorper libero. Morbi vehicula imperdiet justo. Etiam mollis fringilla ante. Donec et dui. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Etiam mi libero, luctus nec, blandit ac, rutrum ac, lectus.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean viverra malesuada libero. Fusce ac quam. Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel accumsan aliquam, tellus dui fringilla quam, in condimentum augue lorem non tellus. Pellentesque id arcu non sem placerat iaculis. Curabitur posuere, pede vitae lacinia accumsan, enim nibh elementum orci, ut volutpat eros sapien nec sapien. Suspendisse neque arcu, ultrices commodo, pellentesque sit amet, ultricies ut, ipsum. Mauris et eros eget erat dapibus mollis. Mauris laoreet posuere odio. Nam ipsum ligula, ullamcorper eu, fringilla at, lacinia ut, augue. Nullam nunc.

A 1 pixel border provides an elegant border regardlesss of how it is accomplished.
In this example is done with the img tag's border attribute: border=1

Orange rose used to show the img tag's border attribute