25. HTML Header

 

We have learnt that a typical HTML document will have following structure:

Document declaration tag 

   
       Document header related tags
   

   
       Document body related tags
   

This chapter will give a little more detail about header part which is represented by HTML tag. The tag is a container of various important tags like
Hello, World! This will produce following result:

Hello, World!

The HTML Tag

The HTML <meta> tag is used to provide metadata about the HTML document which includes information about page expiry, page author, list of keywords, page description etc.
Following are few of the important usages of tag inside an HTML document:

 name="keywords" content="C, C++, Java, PHP, Perl, Python">


 name="description" content="Simply Easy Learning by Tutorials Point">


 name="author" content="Tutorials Point">


 http-equiv="content-type" content="text/html; charset=UTF-8">


 http-equiv="refresh" content="30">


 http-equiv="expires" content="Wed, 21 June 2006 14:25:27 GMT">


 name="robots" content="noindex, nofollow">

Hello, World! This will produce following result:

Hello, World!

The HTML Tag

The HTML tag is used for specifying the base URL for all relative URLs in a page, which means all the other URLs will be concatenated into base URL while locating for the given item.
For example, all the given pages and images will be searched after prefixing the given URLs with base URL http://www.tutorialspoint.com/ directory:

 href="http://www.tutorialspoint.com/" />

src="/images/logo.png" alt="Logo Image"/> href="/html/index.htm" title="HTML Tutorial"/>HTML Tutorial This will produce following result:

HTML Tutorial

But if you change base URL to something else, for example, if base URL is http://www.tutorialspoint.com/home then image and other given links will become like http://www.tutorialspoint.com/home/images/logo.png and http://www.tutorialspoint.com/home/html/index.htm

The HTML Tag

The HTML tag is used to specify relationships between the current document and external resource. Following is an example to link an external style sheet file available in css sub-directory within web root:

 href="http://www.tutorialspoint.com/" />
 rel="stylesheet" type="text/css" href="/css/style.css">

Hello, World! This will produce following result:

Hello, World!

The HTML

class="myclass">Hello, World!

This will produce following result:

Hello, World!

Note: To learn about how Cascading Style Sheet works, kindly check a separate tutorial available at http://www.tutorialspoint.com/css

The HTML

type="button" onclick="Hello();" name="ok" value="OK" /> This will produce following result, where you can try to click on the given button:

Note: http://www.tutorialspoint.com/javascript

• Tweet
• Share
• Share
• Share
• Share