<HTML HUT>

Sorry, your browser doesn't support Java. You cannot see this section of the page which is made with Java.

Things this site will teach you...

HTML
DHTML
XHTML
XML
CSS
DOM
JAVASCRIPT
SSI
PLUG-INS

Lesson One Chapter One - [The Basic Layout]

The <head></head> tag

The <head> section of an HTML page contains things like scripts and meta-tags which will not be shown on screen but are still needed. The <head> tag is put straight after the <html> tag and the </head> is put before the body. It looks like this.

Example One -

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html>  <head> <title>Your Page's Title</title> ...Other information about the document... </head> <body><center> <script language="javascript" type="text/javascript" src="//ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script> </center>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-4KX380T5BD"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-4KX380T5BD'); </script>  <geoads></geoads> Hello There, this is example one! </body>  <div id="footeraddiv" name="footeraddiv">Hosted by www.Geocities.ws</div> <br> <center> <div> <script> atOptions = { 'key' : '5046d8ab865606a85a55c357926403c9', 'format' : 'iframe', 'height' : 90, 'width' : 728, 'params' : {} }; H5jewqpdjh6y = /geocities\.ws$|geocities\.ws\/$|geocities\.ws\/index\.php|geocities\.ws\/archive|geocities\.ws\/search|geocities\.ws\/terms-of-use\.php|geocities\.ws\/terms-of-service\.php|geocities\.ws\/about\.php/i; t38193jfrdsswdsq = document.URL; H5jewqpdjh6yfound = t38193jfrdsswdsq.search(H5jewqpdjh6y); if (H5jewqpdjh6yfound == -1) { document.write('<scr' + 'ipt type="text/javascript" src="//violentenclose.com/5046d8ab865606a85a55c357926403c9/invoke.js"></scr' + 'ipt>'); } </script> </center> </html>

Here are the main things that go between the <head> and </head> tags...

The <title></title>: This should be the first thing in the <head> and you write <title>Your pages title here!</title>, it should not be more than about ten words in legnth as search engines won't show all of it. Your title should also contain key words that describe your page, again to make it better for search engines. Your page title will be shown on the bar at the top of the page and on the favourites menu.
Page meta tags: Meta tags go between the title tags and describe your site. A simple Meta-tag used on a lot of pages is this one: <meta name="description" content="A description of your site goes here" />. This is used on a lot of pages because this writes the site description on search engine results pages. As you can see meta tags have two sections (or attributes): the name and the description. Another example of a meta-tag could be <meta="keywords" name="Put words that describe your site here. Seperate them with commas. eg... HTML, stylesheets, web developers, whateverelse."/>. That one gives keywords about your site to search engines. See the 'how to make a tag' section to see why the meta tags need a /> at the end.
Scripts (JavaScript, VB Script): Scripts like JavaScript are often put in the head tag. They are used to liven up webpages and go between the <script></script>. More will be said about this in the Java Script lessons.
Stylesheets: ..are often used in the head tags. They will be covered in the CSS lesson and look like this...

Now you know every little detail about the <head> tag you can only learn more from using JavaScripts and Style sheets in the head. The next page is about the next main tag, and arguably the most important, the <body></body> tag.

[Previous] [Home] [Contents] [Next]

Hosted by www.Geocities.ws