html tags no longer used... : (

  • <Font color="red" size="14">
    • replace with: <style="color:red; "> or "font-color:red; "> and "font-size:14px; ">
  • <Spacer type=block height=50 width=50 align=left>
    • replace with: <style="padding-left:40px; "> or margin-left:40px; ">
  • <align="center">
    • replace with: <style="text-align:center">
  • The language attribute on the script element is obsolete. You can safely omit it.
    <script language="javascript" type="text/javascript">

set document size on open:
method 01: as a meta tag in <head>
<meta pageSize=200x200, resize=no, scrollbars=no />

- or - put this in your <head> as style.

html { height: 200; width: 200;
overflow-y: hidden; overflow-x: hidden; }


<base href> set in <head> will make it so all your hrefs can be typed as 'relative' doing away with the need for using the url eg, http://landisreed.com/images/spacer.gif or absolute path on server, like /bclinformationservices/landisreed.com/images/spacer.gif (assuming your website is on a host, 'shared server' (website hosting service) or shared IP, as if your domain is a root domain or 'main account' on the server or have set the php [root] < ?php include ($_SERVER['DOCUMENT_ROOT'].'/inc/nav.html') ; ?>
*see document /sturct/links at W3C


<div id="footer"> basic 'body' box as used on this page

  1. #page01 {
  2. position:relative;
  3. margin-left:auto;
  4. margin-right:auto;
  5. margin-top:0px;
  6. margin-bottom:4px;
  7. width:960px;
  8. height:auto;
  9. padding:0px;
  10. background-color:rgba(0,0,0,0.5);
  11. border:1px solid gray;
  12. border-radius: 4px;
  13. box-shadow:2px 2px 2px #666666;
  14. z-index:20;
  15. }

the color 'declaration' of selectors (tags) like background-color:rgba(0,0,255,0.5) *see note

what this says: rgba RedGreenBlue color values with the 4th value being the Alpha channel or the transparency of the element.
color values are from 0 to 255 (each) with 0,0,0 being Black, 255,0,0 Red, 0,255,0 Green, 0,0,255 Blue and 255,255,255 being pure White.
the Alpha values are from 1.0 to 0.1

*note: notice how the selector (elelment) delcaration (values) get bigger form background-color to 255,0.5)?
I used the <span> tag without closing each (called nesting) change from gold to blue, so the tags where 'inheriting' their values from the text before it.
because I used the font-size:1.1em. 1.1em says that the text should be 1.1 times the size of the text before it (around it)
So,,, each time i use the span tag, without closing, the new span was 1.1 times larger then the 1.1 times larger text befoer it.

*Note: background-color:  when used in a child or sub element (selector) 'removes' content of 'TD':
When element - value (selector : decloration) background-color:  when used in a child or sub element (selector) as in table.main td { background-color:"white" } ("none" and "inherit") will blank out the declaired cell 'TD' bground .
if the TD has a 'bgcolor=' set, the obsolete html value is replaced by parent element (selector) instead of it being the 'current' value (breaks the 'higherarchy').
I used my utf-8 text editor to search/replace <td bgcolor="xxxxxx" with <td style="background-color:xxxxxx and then the cell will again, superseed the parent style



<table,th,td> CSS and tables.. this one took me Too long. I should have given up Long before I did.

here is code from my ColorCodes page.
/*definitions i used in some of the color chip tables*/
table.main { /*so, i define a 'class' of main ie, <table class="main">*/
width:100%;
background-color:inherit; /*warning: i got a validation warning using 'white' as bkgcolor, same as parent, so changed to 'inherit' from parent*/
/* border:10px solid red; short hand */
border-width:1px;
border-style:solid;
border-color:rgb(80,80,80); /* long form - warning: apparently there is no (rgb)a (alpha) in border*/
padding:1px;
color:black;
font-family: Helvetica, Arial, sans-serif;
font-size:100%;
font-style:none;
}

table.main td {
/*border:1px solid black; css short hand */
border-width:1px;
border-style:solid;
border-color:rgba(80,80,80,0.5);
border-spacing:0px;
}

Deprecated (depreciated) HTML tags and the CSS Equivalent:

I've been searching for some 4 years for a source, list or article that gives us CSS equivalent elements to Deprecated HTML tags..

CSS: Here are a couple examples of stylesheets that I've written for clients and are currently in use;

Stylesheet used on this site

One of my current customers, Mr.Hardware

W3C HTML 4.0 / CSS2 Sample Style Sheet Here


HTML Tag / attribute CSS Equivalent
CSS Property CSS Value Example
<font color="..."> color CSS color H1 {color: blue}
<font size="..."> font-size Length / Percentage H1 {font-size : 10px}
<font face="..."> font-family Font family name H1 {font-family:verdana}
<I> font-style italic or oblique H1 {font-style : italic}
<tt> font-family Font family name font-family: monospace
<I> font-style italic or oblique H1 {font-style : italic}
<U> text-decoration Underline | overline | none H1 {text-decoration: underline}
<B> (not deprecated) font-weight normal | bold... H1 {font-weight: bold}
<S> text-decoration Font family name H1 {text-decoration: strike-through}
<CENTER> <div> <DIV id="client-boyera" class="client">
<BASEFONT> font-family Font family name H1 {font-family: Tahoma}
<STRIKE> font-style italic or oblique H1 {font-style : italic}
<ISINDEX> <input> Form input <INPUT TYPE=BUTTON VALUE=" 7 ">
<APPLET> <object> object name <OBJECT classid="http://www.miamachina.it/
analogclock.py"> </OBJECT>
bgcolor attribute font-family Font family name H1 {font-family: Tahoma}
align attribute font-style italic or oblique H1 {font-style : italic}
valign attribute font-family Font family name H1 {font-family: Tahoma}
width attribute font-style italic or oblique H1 {font-style : italic}
height attribute font-family Font family name H1 {font-family: Tahoma}
DIR attribute (ltr) font-style italic or oblique H1 {font-style : italic}
DIR attribute (rtl) font-family Font family name H1 {font-family: Tahoma}
BACKGROUND attribute font-style italic or oblique H1 {font-style : italic}
TEXT attribute (BODY) font-family Font family name H1 {font-family: Tahoma}
LINK attribute (BODY) font-style italic or oblique H1 {font-style : italic}
VLINK attribute (BODY) font-family Font family name H1 {font-family: Tahoma}
ALINK attribute (BODY) font-style italic or oblique H1 {font-style : italic}
<MENU> <UL> DTD class or style <UL><IL>item one</UL>
<td nowrap> white-space nowrap td[nowrap] { white-space: nowrap }

A CSS Tutorial: Starting with HTML plus CSS. at w3c.org