Easy HTML for Beginners
By SHAHRIAR
Contents:
lesson 01 - Your first webpage
lesson 02 - Font styles
lesson 03 - Images and links
lesson 04 - Tables
lesson 05 - Frames
lesson 06 - Other useful stuff
<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
Lesson 01 - Your first webpage
First what you need to do is open up a text editor such as Notepad which we will be using to type our html code.
In HTML you get things called tags for example:
<font>
The above example is an opening tag and the following one is a closing tag:
</font>
The tags give properties to what you put between them.
Every HTML document must have the HTML tags to define it as a HTML document.
<html>
</html>
Go ahead and type those 2 tags.
Now we need some <head> tags. The <head> tags contain things like the document title. In between the <html> tags I want you to put your <head> tags and in between that you must put the <title> tags so that your entire document looks like this:
<html>
<head>
<title>Shahriar</title>
</head>
</html>
Now we must save the file. Make sure you save the file with the name index.html and also make sure that you change the save as type to All Files to make sure that it gets saved as a .html file and not a .txt file. Now open your new .html file in your web browser. Make sure you keep this window open. You need to save each time you have changed your document otherwise the changes won't appear in your web browser. You must also click the refresh button each time to see the changes.
Go back to your text editor and add the <body> tags:
<html>
<head>
<title>Shahriar</title>
</head>
<body>
</body>
</html>
You'll notice that the <head> tags go on top of the <body> tags just like a person's head goes on top of their body. The body is the main part of the document and is where most of the code goes.
Now we can learn about giving tags properties. You get your normal tags <body> and then you get properties in them like this:
<html>
<head>
<title>Shahriar</title>
</head>
<body>
</body>
</html>
bgcolor="red" is the background color of the page. In this case it will have a red background. You must always put properties between inverted commas.
Go back to your web browser after you have saved and click the refresh button. You now have a red background. We can also add in text:
<html>
<head>
<title>Shahriar</title>
</head>
<body>
Hey babe!
</body>
</html>
