so i have a page where i want a 2 second image intro then for the image to fade to the acutal page.
maybe some sort of table that has a onload that after 2 seconds fades into the actual page? i could not figure it out.

Have you tried jQuery? A quick example to get you started:

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
$(document).ready(function(){
setTimeout(function(){ $("#img1").fadeOut("slow");
},2000);
});
</script>
</head>
<body>
<img id="img1" src="your-image.png">
</body>
</html>

When the document finishes loading the image (not included) should begin to fade out after a couple of seconds.

It makes use of jQuery's fadeOut method, documented here:
http://api.jquery.com/fadeOut/

I have used JavaScript's setTimeout method to simply delay the start, but wouldn't be surprised if you discover there's a more jQuery-esque way of doing it.