How to HTML Code for Beginners

---

Software

---

Declaring a Doctype



[ Register or Signin to view external links. ]

All you have to do is copy and paste this on the top of your HTML Document. All this is doing is just telling that the code that you are writing is HTML.

---

Adding a Title

Start off off with



Just place it after the doctype (a line down)
Now everything that you write will go in between that.

In between that just put this


What does title do?
It changes this to whatever text you put in between the title

[ Register or Signin to view external links. ]

What does the code look like so far?
[ Register or Signin to view external links. ]

---

How to Save and Open the Document

Saving

Name it whatever just make sure that you put .html after it

Opening

---

How to add a Image to your HTML Document

First open up your document and decide where you would like to place it. Next, you need to add your image.


Way 1
You need to have it uploaded to a picture hosting website here's a few.
[ Register or Signin to view external links. ]
[ Register or Signin to view external links. ]
[ Register or Signin to view external links. ]

You are going to want the direct link so go ahead and copy it.

[ Register or Signin to view external links. ]

Now put this into your HTML Document at your desired place.



What it looks like in whatever you are writing you code in...

[ Register or Signin to view external links. ]

Way 2

Instead of uploading it a picture hosting site you can simply copy and paste the location on your computer

---

Adding some Text

Adding a Paragraph

First you need to add this code into your HTML Document



Put your text in between that and it should look like this

[ Register or Signin to view external links. ]

Adding a Headers

Put your header in between these (I only have two but you can have as many as you want.



Way it looks on the HTML Document

[ Register or Signin to view external links. ]

What do they look like on the Site?
[ Register or Signin to view external links. ]

---

Making a Drop Down Menu
Cheating is okay with some things. You can generate yours own Drop Down Menu code by going to the site [ Register or Signin to view external links. ]

Fill out the Form
[ Register or Signin to view external links. ]

Now copy and paste that at your desired place in you HTML Document

---

CSS Basics

First go ahead and open up your text editing software and save the file as whatever you want just make sure it says .css after it


Okay so before anything you are going to want to make sure that you HTML Document knows the css that you are using so to do that...



href means name of file so there you put whatever you named you .css file


Now you are ready to start changing the colors of your text and background

Changing Background Color

To change the background color of your body just put this inside of your CSS File.



Change Black to whatever color you want.

Changing the Text Color

Say you would like the change the color of your paragraph.
All you need to do is put

You can change the color to whatever you desire also, you can change the p before the brackets to whatever text color you wish to change.

Like for h1


Or for h2

---

Site for testing HTML Codes

[ Register or Signin to view external links. ]

---

Updates
Just added Drop Down menu tutorial - 11/26/11

---

[ Register or Signin to view external links. ]