Basic HTML For Beginners Part 1

Basic HTML For Beginners Part 1

By Lee Kane


UPDATE. This tutorial is a bit outdated, and i am looking at re-writing it in the future. But i will leave it 'as is' for now, as a record of how i begun learning to code back in 2001.

Here you can learn all the basics you need to know about HTML. Together we will build your first webpage, and include in your page some tags that will change the background colour of your page, font colour, text size, image insertion and links.

First of all it would be easier, as I found out, to have a html editor there are plenty of free editors to download off the internet BUT just to get you going and BEFORE you go surfing around for an editor start by creating a New Folder and name it HTML, then open a notepad ---

html

---and enter the following code (you can copy and paste if you want):

<html>
<head>
<title>My First Web Page</title>
</head>
<body>

<p>Exciting is it not?</p>

</body>
</html>
html

Now save the Notepad file as my first webpage inside your folder.

html

Once you have done this you should now have a folder named HTML and a Notepad file named my first web page. Now open the Notepad and save the file as my_first_webpage.html inserting the underscore between words as shown.

html

Your folder should look like this......

html

except if you use Internet Explorer or another browser the icon on the html file will look different, I use Firefox therefore I get the little Firefox icon.

Fantastic!!!! Now click on the HTML page to open it and there it is your first webpage. In theory that page is now ready to be uploaded and displayed on a server and viewed by the several billions of on internet users across the planet, but we are not quite ready for that yet.

html

I haven't explained what the tags do to the HTML document for a reason. Firstly I just wanted to show you how easy it is to create a webpage with some text on it, and now I will briefly go over what the tags do.

You Might Also Like

Share your thoughts!