HTML and XHTML guide

[mage3158]

The Basics

Alright for the basics I will show you some different tabs and how they look.

Also when you're making tabs THEY MUST BE LOWERCASE! (For XHTML.)

For one there is the paragraph tab:

<p>This is a paragraphs :O :O :O</p>
<p>This be another paragraph :O:O:O</p>

Example

The bold tabs:

<b>This be in bold</b>

Example

The Italics:

<i>Now this be in italics</i>

Example

Now this is how you would order them if you were to use more than one tab at once.

<p><b><i> Now this is a mixture </i></b></p>

<p><b><i>^ see?</i></b></p>

Example

Striken text:

<s> Your gay!!! </s>
just kidding

Example

Horizontal Rule:

<hr />

Example

Underline:

<u>this is super underlined text here</u>

Example

Anchor tabs (Links):

<a href="http://mysite.com"> ME WEBSITE LOLOLOLOLOLOLOLOL </a>

or

<a href="/index.html"> The index</a>

^This goes to an existing page in your website such as the index.
Example

Image tags:

<img src="http://lolololol.com/imaglolololololololol.png" />

Example

The Site
Now to start forming a website.

This an extremely basic website.

<html>

<head>
<title> My crappy webpage lol...BOOBIES!!!</title>
</head>

<body>
This be my crappy website lol...
</body>

</html>

Example

To add CSS to your page you must make a CSS file code that and add this to your page.

<html>

<head>
<title> My crappy webpage lol...BOOBIES!!!</title>
<link rel="stylesheet" href="styles.css" type="text/css" />
</head>

<body>
This be my crappy website lol...
</body>

</html>

Example

Now to add meta tags for search engines etc...

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="thisbekeyword" />
<meta name="description" content="description for your site" />
<title> My crappy webpage lol...BOOBIES!!!</title>
<link rel="stylesheet" href="styles.css" type="text/css" />
</head>

<body>
This be my crappy website lol...
</body>

</html>

Example

Now to add the Doc type:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="thisbekeyword" />
<meta name="description" content="description for your site" />
<title> My crappy webpage lol...BOOBIES!!!</title>
<link rel="stylesheet" href="styles.css" type="text/css" />
</head>

<body>
<p>This be my crappy website lol...</p>
</body>

</html>

Example

You can use XHTML strict but I don't recommend it.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/2002/REC-xhtml1-20020801/DTD/xhtml1-strict.dtd">

This is all for now, but I'll explain more on making a website with my CSS tutorial.


Edit: Website is now back up.

 

[MellowYellow]

Just to note, the strike-through and underline tags are deprecated in HTML 4 and XHTML 1.

Also, you cannot place text within the body tags without some type of container such as a <p> tag.

And ALWAYS PLACE A CORRECT DOCTYPE IN YOUR DOCUMENT or else it will be processed as HTML, regardless of what you write it in, XHTML or HTML.

Even if you do include an XHTML doctype, however, many browsers still send XHTML through their HTML parsers instead of the XML parser, making your XHTML page simply malformed HTML, the reason why I do not recommend using XHTML.

 

[mage3158]

And ALWAYS PLACE A CORRECT DOCTYPE IN YOUR DOCUMENT or else it will be processed as HTML, regardless of what you write it in, XHTML or HTML.

Oops forgot about that...
Adding now.