Frames (continued)
Here's an example of a basic frame layout:
<FRAMESET cols="17%, 83%" border="0" frameborder="no" framespacing="0">
<FRAME src="moo.html" name="links" scrolling="no" noresize target="left" frameborder="no" framespacing="0" marginheight="0" marginwidth="0">
<FRAME src="moo2.html" name="main" frameborder="no" framespacing="0" marginheight=0 marginwidth=0 noresize scrolling="auto">
<NOFRAMES>
Your current browser does not support frames, so get a new one, or click here to see a frameless version of this site.
</NOFRAMES>
</FRAMESET>
Analysis:
Click here to see what your browser would display. If you had more content on the main frame (the left one), it would have a scrollbar. There are no margin's on the frame, as we defined in the second <FRAME> tag. If you try to resize either of the frames, it doesn't work, the browser won't let you. You can also see there are no borders around the frames, and no space between them.
Meta Tags
A <META> tag is a great way to put your site on a search engine, tell the user who the author of the page is, or just about anything else! You can make up your own things within attributes. Heres an example: <META name="what do cows say" content="MOO!">. This would tell the user what cows say. You're probably wondering what I mean when I say 'tell the user'. If the viewer of your site views the source code, then they will most likely notice the <META> tags. The three main attributes to it are the name, http-equiv, and content attributes. Name can have any value, but it does have some set values. Such values include keywords and description. They are used when search engines sniff out your site. Content is another used often in <META> tags. It should always be placed after the 'name' or 'http-equiv' attributes. You should type what keywords you want or the description to be displayed when someone searches for
your site. there is no set value, it can have any value.
Overall, <META> tags can be pretty hard at first, but once you get one, most of them are easy to understand. Here's an example of some basic <META> tags:
<META name="generator" content="Moses of Heaven">
<META name="description" content="Hackers of Heaven is a group of hackers that hack to learn the Truth.">
<META name="keywords" content="Hacker, hacking, hack, Web, Heaven, Hacker of heaven, HTML, Java, JavaScript, Tutorials, C++">
Analysis:
This would tell the search engine that the generator of the site was Moses of Heaven, give the description to display when the page is searched for, and what words that page should be indexed with.
End of Tutorial Project
As a test to see how much that you learned, you should make a page of your own. It's content doesn't matter, just use the following format, and you should be fine. A lot of HTML is figuring out a design to stick with, and then cleaning up the code or finding the errors and fixing them. Take the following code, and incorporate it into a site of your own. This is just a template, but you can change it to make it display better, etc. Do what you want with it, make it to your liking, it doesn't matter. The best advice I can give you is to just work on a page, try different things out, play with it. Good luck!
<HTML><HEAD><TITLE>Something...</TITLE></HEAD>
<BODY bgcolor="black" text="white" link="blue" alink="red" vlink="purple">>
<TABLE width="780" cols="2"><TR><TD colspan="2">A HEADING</TD></TR>
<TR><TD width="200" colspan="1">A Table of Links</TD>
<TD width="580" colspan="1">All your information here!!!</TD></TR>
<TR><TD colspan="2" width="780">Your best viewed info, creator of site, etc...</TD></TR>
</TABLE>
</BODY></HTML>
I would like to take the time to say that this tutorial merely gives you the tools that you will need to make a Web site, not a cutting edge design. It's very similar to learning other programming languages, learning the syntax doesn't mean your an expert programmer, you have to be able to manipulate what you know and make it work the way you want it to.
<< Previous | Top