Basic Parts of a Website Layout
ByWhen it comes to very basic website design, every website layout has four basic elements that you should learn. These are the HTML tags, the head tags, the title tags and the body tags. Each one plays an important part in presenting your website data to the public.
Let’s look at this example of some very basic website code and then I’ll tell you about each part:
<html> <head> <title>My First Web Site</title> </head> <body> This is my first web site. I hope you enjoy it! </body> </html>
The HTML Tags
The <html> and </html> tags wrapped around the text tells you this is an HTML document. They signify the start of the web page and the end of the web page.
The Head Tags
The <head> and </head> tags wrapped around the title tags tell the web browser this is where you can get specific information about this page, and how it is displayed. The head tags must be at the top of the page, after the first HTML tag.
The Title Tag
The <title> and </title> tags tells the browser that what is in between here is the title for the web page. It will be shown (in most browser) at the top of the menu and on the tab you are browsing from.
The Body Tags
The <body> and </body> tags wrapped around the text tells you this is the “body” of the web page, where the content you want displayed in the browser goes.
Remember to Close Your Tags
You might have noticed that these tags come in pair. One of these tags is used to start the command to the web browser, and the other is used to end or close it. For example, when you use the <title> tag, you are telling the web browser, “Hey, this is the web page’s title here, pay attention!”. Now, you need to tell the web browser that you are done telling it the title of your page page. You use the </title> tag to say, “Ok, done telling you what the title is – move along!”
Facebook Fan Page Come join the fun on the Web Hosting Show Facebook Fan Page!© Mitch Keeler 2012 | Check out my firefox help site and my tech blog too!