Skip to main content
|
JOIN THE MAILING LIST FOR NEWS, PROMOTIONS, OFFERS AND MORE:
|
Search crustysocks.com:
|
Follow us on twitter: Follow @crustysocks123 Interact with us: Latest tweets Contact |
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.
|
Latest tweets (site news-updates, personal views, info and moore!...get involved, interact and go with the flow!):
|
Please contact us with any enquiries or comments via our
Disclaimer, copyright and terms of use
|