HTML5 Head tag tutorial with examples

Head Tag in HTML

Head Tag and its Usage in HTML

html Head Tag

The <head> tag element is a metadata container (meta data means data about data) it is placed between the tags of HTML form structure i.e <html> and <body> tags respectively. Here metadata will not be displayed and typically define the title of the document, character set, styles, links, scripts and any other external need to embed to the HTML form sources of meta data. These tags will use for meta data declarations: < title >, <meta >, <style>, <script>, <link> and <base>.


html5 title Element

title element its usage

In HTML title tag will use for write for all document titles in HTML forms.
It will show a title in the browser tab page. , similarly shows a title for the page in search engine results.
The following title will show the title of the web page on browser also try yourself.

Example: <!DOCTYPE html> <html> <head> <title>Here we need to write page Title</title> </head> <body> The content of the document...... </body> </html>

html5 style Element
Style Element

In HTML this style tag is used for to style a HTML form.

Example: <style> body {background-color: lightblue;} h1 {color: green;} p {color: yellow;} </style>

link Element in HTML

Link element and its usage

To link external style sheets i.e CSS cascading style sheets using this tag to integrate.

Example: <link rel=”stylesheet” href=”newstyle.css”>

meta Element in HTML

Meta element and its usage

In HTML meta tag element is used for to specify which character set is use, page description, keywords for searching, author of this page, and other metadata. In HTML metadata is used for browsers to display content, in search engines use for keywords, and other web services.

html5 tutorial for experienced HTML metadata of character set usage example <meta charset=”UTF-8”> HTML metadata of description usage example <meta name=”description” content=”Online and Free Web Tutorials”> HTML metadata of keywords search engines usage example <meta name=”keywords” content=”Online and Free Web Tutorials, HTML, SQL, JavaScript ”> HTML metadata of author usage example <meta name=”author” content=”sekhar”> HTML refresh page every 60 seconds <meta http-equiv=”refresh” content=”60” > Example: <meta charset="UTF-8"> <meta name="description" content="html5 tutorial for beginners, Online and Free Web tutorials hariystems"> <meta name="keywords" content="html5 tutorial for beginners, Online Tutorial, HTML, JavaScript"> <meta name="author" content="Sekhar">

Harisystems is optimized for learning, testing and training. courses are designed to be simplified to improve reading and basic understanding for beginners to expert level. Tutorials and examples are constantly reviewed to avoid errors, however we cannot warrant full correctness of all content. if any found need to correct write us at info@harisystems.com. we Harisystems is not responsible for any with this tutorials, While using this site, you agree to have read and accepted our terms of use, cookie and privacy policy. Copyright 2007-2020 by Harisystems. All Rights Reserved.
Copyright © Harisystems 2020