Home Logo
Show Full Menu
Hide Full Menu

Basic layout of the <head> tag

Created: 16/09/10 Views: 1353 myFave Image

In this tutorial we will cover the basic <head> tag layout As we learnt in the previous tutorial, <html> </html>, <head> </head> and <body> </body> are the main tags to layout a HTML file.

We will now learn basic tags used in the <head> </head>,

meta: This tag is used to contain the documents description and keywords. It is also used to give instructions, one example would be for Search Engine Robots to ignore this document.

title: This simply defines the documents title. The title is displayed at the top of the browser, or in the browser tab.

link: This allows us to make the html document link to another document, for example we would use this to link our web page to a CSS document.

script: This tag gives us an area into which we can use other scripting languages to develop our web page, this can be used to include Javascript scripting into our document, or include a Javascript file.

Here is an example of the <head> </head> tags
  • <head>
  • <meta name="description" content="This is a tutorial to show what is used in the head tags"/>
  • <meta name="keywords" content="head, tags, tutorial, meta, title, link, script"/>
  • <title>My Webpage about the Head tag</title>
  • <link type="text/css" href="theCSS.file" rel="stylesheet" />
  • <script type="text/javascript" src="theJavascript.file"></script>
  • </head>

next tutorial: Begin scripting in the <body> tags

There are no comments