Skip to main content
|
|
Search crustysocks.com:
|
Mobile/cellular phone accessories and handsets
Conspiracy theory books and DVD's
Become a link partner
|
Ok, so we're going to show you a basic HTML web page layout, so take a look below and take notice of the "tags"
It's really as simple as that! Did you notice how I arranged the "tags"? All of them had an opening tag and a closing tag, however, they didn't all follow each other...I'll explain. The first one (<HTML>) is the tag to say that what follows is HTML, so that's why the starting tag was at the top and the closing tag was at the bottom, you want to enclose everything else so it's all read by the browser.
The <HEAD> tag came next. This is a tag that can hold some very important information such as print commands, music loading commands and much much more. For example you would place a "CSS style shheet code in here to control how a page looks, but for now we'll move on. Of course, if you've noticed, the "<TITLE> and </TITLE> are also between the "head" tags and this is where you would put the title of your web page.
Lastly we have the <BODY> and </BODY> tags. Between these, as I put in the example, you would place all of the content of your web page. This tag can also contain information such as, background color, text colour, margin size and much much more, however, with a move over to "CSS (CASCADING STYLE SHEETS), which has more functionality, I would consider starting any large project with the CSS approach. Don't worry, HTML is still needed and this tutorial is relevant to what you want to do, if you need to. This is a fantastic way to get a page up and running...and it will work fine, all I'm saying is that there is now another approach for overall funtionality...you will still need HTML codes! Now why not try using the tags above and typing in some different information, remember to save it with an HTML extension!
PLEASE NOTE: If you are going to upload your files to a server, it's important that you save your main page(home page) with the name "index.html". All other pages can be named what you want. Also, get into the habit of typing in code in a logical manner, for example on different lines. This will make updating, deleting or trouble shooting code so much easier, as you will be able to locate sections a lot easier.
Add this page to:
Please contact us with any enquiries or comments via our
contact form
or if you prefer to e-mail direct, you can at:
enquiries@crustysocks.com
For any technical problems or accessibility issues you may be experiencing, please use the "contact form" link above or e-mail the webmaster at:
webmaster@crustysocks.com
For live Skype chat or instant messaging:
Skype status: Call us!
or
send us an IM!
Not got Skype? Find out more and download:
click here!