XHTML is the very language that forms the site you are looking at now. XHTML is the new standard, based on the older HTML 4.0. If you haven't read this updated tutorial, now would be a good time to do so.
The XHTML shell looks like this (I'll explain it in short order):
<!DOCTYPE XHTML
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style>
body { color: (your text color here);
background: (your background color here) }
a {color: (your link color here)}
</style>
<title>(Your title goes here)</title>
</head>
<body>
(Your text goes here)
</body>
</html>
Now for the explanation:
The words enclosed in angle brackets are called tags.
The <!DOCTYPE XHTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> tells the browser that this is a strict XHTML document, and that it conforms to all the standards.
The <html> tag tells the internet browser (Internet Explorer, Netscape, Opera, FireFox, Mozzila etc.) that this is an XHTML document.
The <head> tag holds the title and the colors of your site. Just replace the values in the style tag with the values you want.
By the way the tags with the slash before their name close the previous tag (e.g. <html> </html>). If it's a tag that's not closed (like <img>), then you close it like this: <img />
In between the <title> and </title> tags you put your title (the thing that shows up in the top of the window).
Then you'll use the </head> tag to close up the head section.
You can just type text into the document anywhere you want and it will show up regular.
Don't forget to close the <body> and <html> tags!
There is an old saying that goes, "A picture is worth a thousand words". Nowhere is this more true than on a web site or game.
You've no doubt seen countless images on web sites. Want to get one for your site? Nothing could be simpler.
To insert an image, you must save it in a .jpg or .gif file. Then use this code: <img src="someimage.gif" />.
That's it! No closing tag is needed, and it is a lot less than a thousand words to type!
This is were it gets fun. You can link your XHTML pages together with a simple tag. You've no doubt seen links on pages before. Most the time they look like this: Click Here
That was just a fake, but it helps you see what they look like. To link a file you have to have some knowledge of file extensions.
Save XHTML files with a .html extension and make sure they are in the same directory.
Now, on to the links. You use the <a> tag to make links. To tell it which page to go to use an attribute called href, in which you put the address of the page you want
to link to. You can also make links out of images. To do that type in this code:
<a href="somepage.html"><img src="somegraphic.gif" /></a>. If you don't like the border around the graphic set the border attribute at "0".
Anyway, you'll be using links a whole lot in any professional site you do.
Videos are one of the most simple, yet most elaborate effects you can use.
To get videos, use the dynsrc attribute to the <img> tag. You can use only .avi and .mpg files.
Creating a successful site is one key to a professional game. Almost every good game has a website. I personally wouldn't reccomend using XHTML for games, unless you put many hours into an ultra-complex RPG.