AlfieWebDevTips Homefor new and experienced developers
[Home Home] [Web Development Web Development ] [Code Generators Code Generators ] [Resources Resources ] [Contact Us Contact ] |WebDevTips Privacy Privacy |
WebDevTips Pick Of The Day : Add To Favorites How To |

Print This Page

You are here : Home - Web Development - HTML - Webpage building - structure

Webpage building - structure

As you have already found out HTML is a set of tags normally containing 2 parts - an opening tag and a closing tag. These are just instructions telling the browser what to do. Take a look at the following code.

01: <html>
02: <head>
03: <title>your title</title>
04: </head>
05: <body>
09: </body>
10: </html>

Look for the matching opening and closing tags. Lets go through the pairs in detail.

line 01 & line 10 <html> </html> Line 01 tells the browser we are opening a page containing HTML - line 10 closes the tag.

line 02 & line 04 <head> </head> any tags you use between the <head> </head> tags does not appear in the browser window.
This section of a document is normally where you would place any scripts, style sheets or search engine information. As you are just starting out you don't have to worry about that just now.

line 03 <title> </title> what you place between the <title> </title> tags appears in the browsers title bar at the top of the window.

a browser title bar

line 05 & line 09 <body> </body> anything you place between the <body> </body> will appear in the browser window. All formatting, text, images get placed between the <body> </body> tags.

Use the code above (without the line numbers) as a template for all your pages remembering to place your content between the <body> </body> tags.

In part 3 we will dig a wee bit deeper into tag attributes.

Part 01 - the basics
Part 02 - the structure
Part 03 - tag attributes
Part 04 - text formatting tags

Why not discuss this article in our forum?
Other related guides : file structure | forms | lists


[back to top of page]   

[labelled with icra -  - this link will open in a new window] [RSS Content]

[Copyright © WebDevTips]