[Tutorial] Basic HTML

**Hallowsend** · 11-22-2007

Hello everybody, I am posting this tutorial on the basics of HTML to help all or most of you out in your coding experience. HTML is not the hardest, nor the easiest, but it is a very easy coding language for beginners. In this tutorial, I will teach you how to start HTML, how to
actually start an HTML Document, fonts, and how to add a background.

Starting Off

Every HTML document begins, and ends with the html tag:

Code:

<HTML>

Code:

<HEAD>
<BODY>
</BODY
</HEAD>
</HTML>

That is the very least. Now, below the <head> add a new tag called <TITLE>

Code:

<HTML>

Code:

<HEAD>
<TITLE>Your first HTML Document</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>

Right now, your page should look blank. Completely blank. Now we are going to add a header or two to it so it does not look so blank. The <h> Tag goes below the body tag, and above the /body tag. Here is an example:

Code:

<HTML>

Code:

<HEAD>
<TITLE>Your first HTML Document</TITLE>
</HEAD>
<BODY>
<H1> First Document with HTML!</H1>
</BODY>
</HTML>

Notice that you have to tag it Header then your number. You dont have to, but it is a good idea if you plan on multiple headers. Now, we are going to place the header, either left, center, or right. It is already aligned left, so I will do center.

Code:

<HTML>
<HEAD>
<TITLE>Your first HTML Document!</title>
<BODY>
<H1 align="center">Your first HTML Document!</H1>
</BODY>
</HTML>

For more headers, just change H1 to H2 and so on.

Currently, your website should look like this:

Ok so now we are going to add some text. The text can go directly inside the body tag, or in a separate tage called <p> Which makes a new paragraph.

Code:

<HTML>
<HEAD>
<TITLE>Your first HTML Document!</TITLE>
<HEAD>
<BODY> You are doing good so far!
</H1 Align="center">Your first HTML Document.
<p> <--- Not completle necessary, but for long text pages it is.</p>

YoU JuST AdDdDeD TexT! Lol, ok, so moving on to fonts and such. To add a font, or change the size or color, use the font tag. <Font> but he changes go DIRECTLY inside the brackets, like so.

Code:

<HTML>
<HEAD>
<TITLE>Your first HTML Document!</TITLE>
<HEAD>
<BODY> You are doing good so far!
<font size="24" color="#000000">
</H1 Align="center">Your first HTML Document.
<p>Now, the font should look big and black.</p>
</BODY>
</HTML>

Here is what it looks like so far:

Now, for the big finally of my beginners HTML tutorial, how to add an image as a background! It is inside the base <body> Tag, like RIGHT inside it. Example:

Code:

 
<HTML>
<HEAD>
<TITLE>Your first HTML Document!</TITLE>
<HEAD>
<BODY Background="http://i234.photobucket.com/albums/ee252/Geeome123/Backgroundwebsiteredirection.jpg">You are doing good so far!
<font size="24" color="#000000">
</H1 Align="center">Your first HTML Document.
<p>Now, the font should look big and black.</p>
</BODY>
</HTML>

Remember to change the link to the image so that is is not mine when u are doing this, and for a Background image, I suggest one without text ion it, or just a textless HTML Page.

Thank you for reading, and I hope you enjoyed my guide.

P.S. Here is my Outcome:

Please dont take this off mmowned with explicit permission from me. Thanks!

**Hallowsend** · 11-22-2007

Hmm sorry the code does not work the right way. But, it is how it has to be in there, I guess that sort of prevents copy and pasting

**CraZe** · 11-22-2007

HTML Tutorial for more info

I'm new to html so...lol

and nice guide

**Dark_Angel** · 11-23-2007

Nice guide +2 rep =-D

Shout-Out

User Tag List

Thread: [Tutorial] Basic HTML

Thread Tools

Search Thread

[Tutorial] Basic HTML

Re: [Tutorial] Basic HTML

Re: [Tutorial] Basic HTML

Re: [Tutorial] Basic HTML

Similar Threads

[Tutorial] -Basic Shadow-

[Tutorial]Basics!

[Tutorial] Basic Blue Sig :)

Basic but effective sig tutorial. [Ripped]

Vegas 6 TUTORIAL BASICS

OwnedCore Forums

casino

CoreCoins

My OwnedCore

About Us

Casino