HTML5 Head tag tutorial with examples

Head Tag in HTML

« Back Next »

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">

« Back Next »

Data Science courses: Web Development

Online Courses: Include Certification

Quick Menu

Interviews

Linux Questions AWS Questions Python Questions Data Science Questions Artificial Intelligence Questions Asp.Net C# Questions MSSQL Questions

Tutorials

Datascience
Python
Learn Html
Learn CSS
Learn PHP
Learn Database

Examples

Learn Html
Learn CSS
Learn Html
Learn CSS

Follow Blog for Updates by Harisystems
AWS Questions and Answers Series1 by Harisystems
AWS Questions and Answers Series2 by Harisystems
AWS Questions and Answers Series3 by Harisystems
AWS Questions and Answers Series4 by Harisystems
AWS Questions and Answers Series5 by Harisystems
#courses #webdeveloper #elearning #programming #html5 #fullstack