HTML Guide #1

Great Orb Project · Feb 17, 2010

I am Harrison from the forum where this guide is originally posted.

Simple HTML Guide:

In this beginners guide to HTML, i will teach you the basic things that you should learn when learning to code HTML.

These are not hard things to do, any ANYBODY can do them.

I know HTML isn't enabled, but i will still teach it.

What Will Be Covered:

- Headings
- Paragraphs
- Bodies
- Horizontal Lines
- Line Breaks

To Start:

To start any HTML code, you must first put the html and body tags.

HTML Tag -

Code:

<html> and </html>

Body Tag -

Code:

<body> and </body>

The html tag basically tells the computer that this is an html document. Without it, your code will be worthless. The html code goes at the bottom and top of the code.

The body tag basically tells the computer that will be shown in the code. Anything between the body tags will be visible. Anything that's not between them will not be.

An Example Of The HTML And Body Tags:

Code:

<html>
<body>


</body>
</html>

It's very similar to bbcode. You need the "/" to end it. If you put the <html> at the very top, the </html> goes at the very bottom. The HTML tags MUST be at the very top and very bottom of the code.

Paragraphs:

Paragraphs in html are exactly the same as they are in a word document.

The paragraph tags are:

Code:

<p> and </p>

The body paragraphs go between the body tags, well at least if you want them to be visible, which they should be.

Example Of What I've Covered So Far:

Below is an example of what i've taught you so far in this guide

Code:

<html>
<body>

<p>Harrison's Html Guide</p>

</body>
</html>

Remember to put the ending tags or the code will not come out properly.

Horizontal Lines (Rules):

A horizontal line, or rule, is just a straight line that goes through the code. It can be any color of your choice.

The Horizontal Line tag is:

Code:

<hr />

Their is only ONE line tag. You use it under the line that you want the line to be under.

An Example Of Everything I've Taught You So Far:

Like before, below is an example of what i've covered so far.

Code:

<html>
<body>

<p>Harrison's Html Guide</p>
<hr />

</body>
</html>

Line Breaks:

Ahh, on to the line breaks. Line breaks are what make something look like this:

My Name
Is
Harrison

Rather than:

My Name Is Harrison

The Line Break tag is:

Code:

<br>

You put the line break tag directly before the word you want on the next line.

Example Of Everything I've Taught You:

Once again, below is an example of everything you've learned so far in this guide.

Code:

<html>
<body>

<p>Harrison's <br> Html <br> Guide</p>
<hr />

</body>
</html>

Thank you for reading. My next HTML guide will cover font styles/colors/background colors, and how to view your html codes.

Following this guide will give you this end product: