# HTML

1,744pages on
this wiki

Hyper Text Mark-up Language (or HTML) is the command language that formats most web pages. The last version of HTML was HTML 4.1 — HTML has since been superceded by a very similar language called XHTML (Extended Hyper Text Mark-up Language), although HTML is still used on most webpages.

## HTML Commands

The commands are usually designated by <command> and </command> surronding the text to be formatted. A simple command is "b" for bold; for example, <b> some text </b>, when rendered by an HTML capable browser would appear as some text . In addition, other simple commands include <i> some text</i> which would render as some text, and <u> some text</u> which would render as some text. (Underlining is not generally recomended since underlined text can be confused with links.)

One of the advantages of earlier versions of HTML was that the commands were generic. Different browsers could interpret the commands in a way that they could handle. So, instead of a bold command, one of the first commands was emphasis. It would emphasize text in the way a particular browser could handle.

### Simple Commands

Some simple commands to start with are basic formatting commands like the bold command above. Here are some more:

#### HR

To create a line use the hr command; HR is an acronym for Horizontal Rule. So an <hr><nowiki> command will put a horizontal line across the page. An hr command does not need a matching end hr (<nowiki></hr>).

Newer browsers can interpret parameters to change the look of the line.

<hr size=5 color=green>

The size command makes the line wider. The color parameter changes its color (surprise!). See the results:

This wiki will not interpret the parameters for the hr command properly. (Use CSS style commands instead.) NeoPets pages will accept color and size parameters for the hr command.

#### Emphasis

Instead of a bold command, one of the early html commands was emphasis. It would emphasize text in the way a particular browser could handle.

<em> and </em>

would use bold or italics or underlining depending on the style of that browser.

Here, "<em> and </em>" creates and .

#### Italics

There are several ways to change the way the font of your text looks. A common one is Italics. The command for italics is i

<i>text for italics</i>

which creates text for italics.

### More Complex HTML Commands

Image (eg.<img src="http://images.wikia.com/guilds/images/b/bc/Wiki.png"> would render as: )

Font (eg. <font color="green" size="10">Text</font> which would render as: Text)

### Even More Complex

Table - For example, a simple table would be:

<table border="1"><tr><td>Hello!</td><td>This is text.</td></tr></table>

Which renders:

 Hello! This is text.

Or more complex:

<table width="100%"><tr style="border:3px double red;background-color:#000;color:#fff;cellpadding:8px;-moz-border-radius:1em;"><td>This is example text. Example text this is. This is example text.</td></tr><tr style="border:8px solid #0000ff;background-color:red;color:#000;cellpadding:8px;-moz-border-radius:1em;"><td>This is example text. Example text this is. This is example text.</td></tr></table>

Which renders as:

 This is example text. Example text this is. This is example text. This is example text. Example text this is. This is example text.

### Wiki Varients on HTML

Wikis (in particular MediaWikis) have some specialized commands that you can use instead of HTML. It also has an extra command, nowiki, that you can use to get the page to ignore commands. It is useful to ignore commands on pages like this where you want to show html commands instead of following them. So:

<nowiki><b>bold example</b></nowiki>

Would look like <b>bold example</b>

More to come...

<b>html example - <b>text</b></b>

when you get into specific colours and details, it is called css, which stands for Cascading Style Sheets. Html is very basic compared to the two. File:Http://tinypic.com/view.php?pic=6hm2xh&s=3.jpg

Bold text