HTML Basics

Lets start with the basics, as the title says. HTML is a language for viewing a page on the internet. There are way better definitions, I just wrote this one myself =P.

General HTML Structure

Anyways, a usual HTML page has this format to start with:

<html>
<head>
<title>Site's Title</title>
</head>
<body>
CONTENT HERE
</body>
</html>

What you put in between <body> and </body> is what will appear on the screen, or the content. The stuff in between <title> and </title> will be the name of the page. Like, this page's name is currently "Zak's Headquarters".

Basic HTML Tags

Tags look like this "<tag>" or "<tag2>". Stuff like that. You could say tags are the things in between the "<" and ">". Almost all tags start by "<tag>" and end by "</tag>", which go around whatever HTML you want configured by the tag. There are many many tags in HTML, but I'm only going to show you some general ones now. Here are a few:

<i>italicized</i>
<b>bolded</b>
<center>centered</center>

That HTML code would look like this in an HTML page:

italicized
bolded
centered

Two basic tags that don't end with "</tag>" are <br> and <p>. The <br> tag breaks the line, so whatever you put after it will go on the next line, and not directly after it. The <p> tag creates a new paraghraph, so it's usually two lines down.

Example:

some text<br>some more text
<p>
some text<br>some more text

That would look like this:

some text
some more text

some text
some more text

HTML Tables

Tables. Yes, the things that look like boxes piled up. Or Cells piled up. Well, the HTML code for a talbe won't look anything like that... Here is some code for a table:

<table>
<tr>
<td>
Some words... Some words... Some words...
</td>
<td>
Some more words... Some more words... Some more words...
</td>
</tr>
<tr>
<td>
Some words... Some words... Some words...
</td>
<td>
Some more words... Some more words... Some more words...
</td>
</tr>
</table>

What that HTML code would look like on an HTML page:

Some words... Some words... Some words... Some more words... Some more words... Some more words...
Some words... Some words... Some words... Some more words... Some more words... Some more words...

Note: The only reason that mine has a border is because of my CSS file.

The tag 'table' starts the, well, table, and the tag '/table' ends it. The tag 'tr' is a table row. Table rows tags end with '/tr'. A 'td' tag starts a column of a row, and that is where you put the text or whatever you want displayed.

Images

The tag that we use to display an image is the "img" tag. You can set many things for this tag, but I'm just going to show you how to display an image.

<img src="URL of image here">

Just replace "URL of image here" with the URL of your image, and you're all set!

Disclaimer

All content, images, and layouts on Zak's Headquarters are copyrighted (c) to Zak, unless they are listed on the credits page. Pokémon is copyrighted (c) to Nintendo. I do not own Pokémon, and I did not create it. If you have any questions please contact me. This is a fansite.