Basic HTML For Beginners Part 2

Basic HTML For Beginners Part 2

By Lee Kane


Basically and very basically all html documents start with the <html> tag and end with the </html> closing tag. The <html> tag tells browsers that it is a HTML document i.e. webpage and stands for Hyper Text Markup Language.

A closing tag is defined by the   /   (forward slash) symbol. All tags end with a closing tag which is a small detail you should pay attention to, just missing a closing tag can leave your whole webpage a disaster zone (I have spent lots of time searching for reasons as to why part of a webpage does not work only to find its a missing closing tag)

After the html tag comes the <head> tag. This tag is where your <title> tag goes as well as <script>, <link> and <meta> tags which will instruct your webpage with the information it needs.

The <title> tag which must sit in-between your <head> tags, gives your webpage its title. It is always best to clearly write what your webpage is about in the tile tag as search engines will pick up on this.

html

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

The </head> closing tag must come before your <body> tag.

The <body> tag is where you put everything you want displayed on your webpage i.e. text and images.

Now for some fun stuff!!

Open your saved Notepad 'my first webpage' and save it again in your folder as 'my second webpage'.

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".

OK! Now open the Notepad 'my second web page' and edit the <title> and <body> tag and add the extra text using the <p> tag as shown here:

<html>
<head>
<title>My Second Web Page</title>
</head>

<body bgcolor="lightblue">

<p>Your background should now be light blue</p>
<p>And your webpage title should say "My Second Web Page"</p>

</body>
</html>

Then save the Notepad file "my second webpage" as, you guessed it I hope, "my_second_webpage.html" Now go into your folder and open it and you should now see your second webpage as shown below.

html

Fan'dabi'dozi hope your not feeling to Krankie because on the next page we are going to examine what just happened to your second webpage AND learn how to edit our webpage direct from its Source code.

You Might Also Like

Let me know what you think!