SlideShare a Scribd company logo
1 of 11

Head Element : Defines information
about the document.

The HTML elements that can be used
inside the <head> element are:
• <title>
• <base>
• <link>
• <style>
• <meta>
• <script>
 The browser supported by <head>
tag are listed below:
• Google Chrome
• Internet Explorer
• Firefox
• Opera
• Safari

Title tag : Defines the title of a
document.

It is required in all HTML documents.

Only one title element is permitted in
a document.

It must be placed within
the <head> element.

It contains plain text, It may not
contain other markup tags.
<html>
<head>
<title>sample HTML document</title>
</head>
<body>
<p>Hello BSc(IT)</p>
</body>
</html>
Base tag : Defines a default address or
a default target for all links on a page.
<html>
<head>
<base
href="https://www.sdcollegeambala.ac.in/">
</head>
<body> <p><a href="computer-sc-app-
department2017-18/">HTML Head base
tag</a>.</p> </body> </html>
 Defines the relationship between a
document and an external resource
<head>
<title>Linking Style Sheets</title>
<link rel="stylesheet" href="style.css">
</head>
 Defines style information for a
document
<head>
<title>Embedding Style Sheets</title>
<style>
body { background-color: YellowGreen; }
h1 { color: red; }
p { color: green; }
</style>
</head>
 Defines metadata about an HTML
document.
<head>
<title>Specifying Metadata</title>
<meta name="description" content=“head
section elements">
<meta name="keywords" content="HTML,
CSS, JavaScript">
<meta name="author" content=“Somesh">
</head>
 Defines a client-side script.
<head>
<title>JavaScript</title>
<script>
document.write("<h1>Hello World!</h1>")
</script>
</head>
HTML Head Section Elements

More Related Content

Similar to HTML Head Section Elements

Quan Head Tag Presentation
Quan Head Tag PresentationQuan Head Tag Presentation
Quan Head Tag Presentation
Quanslides
 

Similar to HTML Head Section Elements (20)

Html
HtmlHtml
Html
 
HTML/HTML5
HTML/HTML5HTML/HTML5
HTML/HTML5
 
Quan Head Tag Presentation
Quan Head Tag PresentationQuan Head Tag Presentation
Quan Head Tag Presentation
 
SEO Training in Noida- Skyinfotech.in
SEO Training in Noida- Skyinfotech.inSEO Training in Noida- Skyinfotech.in
SEO Training in Noida- Skyinfotech.in
 
Html
HtmlHtml
Html
 
html
htmlhtml
html
 
Html1
Html1Html1
Html1
 
HTML CSS by Anubhav Singh
HTML CSS by Anubhav SinghHTML CSS by Anubhav Singh
HTML CSS by Anubhav Singh
 
Hyper text markup Language
Hyper text markup LanguageHyper text markup Language
Hyper text markup Language
 
IT Unit III.pptx
IT Unit III.pptxIT Unit III.pptx
IT Unit III.pptx
 
Html css java script basics All about you need
Html css java script basics All about you needHtml css java script basics All about you need
Html css java script basics All about you need
 
Html
HtmlHtml
Html
 
HTML (Basic to Advance)
HTML (Basic to Advance)HTML (Basic to Advance)
HTML (Basic to Advance)
 
Basic Html Knowledge for students
Basic Html Knowledge for studentsBasic Html Knowledge for students
Basic Html Knowledge for students
 
02 HTML-01.pdf
02 HTML-01.pdf02 HTML-01.pdf
02 HTML-01.pdf
 
HTML, CSS and Java Scripts Basics
HTML, CSS and Java Scripts BasicsHTML, CSS and Java Scripts Basics
HTML, CSS and Java Scripts Basics
 
Advance HTML
Advance HTMLAdvance HTML
Advance HTML
 
Html and html5 cheat sheets
Html and html5 cheat sheetsHtml and html5 cheat sheets
Html and html5 cheat sheets
 
Additional HTML
Additional HTML Additional HTML
Additional HTML
 
Html introduction
Html introductionHtml introduction
Html introduction
 

Recently uploaded

Artificial intelligence presentation2-171219131633.pdf
Artificial intelligence presentation2-171219131633.pdfArtificial intelligence presentation2-171219131633.pdf
Artificial intelligence presentation2-171219131633.pdf
Kira Dess
 
一比一原版(Griffith毕业证书)格里菲斯大学毕业证成绩单学位证书
一比一原版(Griffith毕业证书)格里菲斯大学毕业证成绩单学位证书一比一原版(Griffith毕业证书)格里菲斯大学毕业证成绩单学位证书
一比一原版(Griffith毕业证书)格里菲斯大学毕业证成绩单学位证书
c3384a92eb32
 
一比一原版(NEU毕业证书)东北大学毕业证成绩单原件一模一样
一比一原版(NEU毕业证书)东北大学毕业证成绩单原件一模一样一比一原版(NEU毕业证书)东北大学毕业证成绩单原件一模一样
一比一原版(NEU毕业证书)东北大学毕业证成绩单原件一模一样
A
 

Recently uploaded (20)

Geometric constructions Engineering Drawing.pdf
Geometric constructions Engineering Drawing.pdfGeometric constructions Engineering Drawing.pdf
Geometric constructions Engineering Drawing.pdf
 
History of Indian Railways - the story of Growth & Modernization
History of Indian Railways - the story of Growth & ModernizationHistory of Indian Railways - the story of Growth & Modernization
History of Indian Railways - the story of Growth & Modernization
 
Dynamo Scripts for Task IDs and Space Naming.pptx
Dynamo Scripts for Task IDs and Space Naming.pptxDynamo Scripts for Task IDs and Space Naming.pptx
Dynamo Scripts for Task IDs and Space Naming.pptx
 
Path loss model, OKUMURA Model, Hata Model
Path loss model, OKUMURA Model, Hata ModelPath loss model, OKUMURA Model, Hata Model
Path loss model, OKUMURA Model, Hata Model
 
DBMS-Report on Student management system.pptx
DBMS-Report on Student management system.pptxDBMS-Report on Student management system.pptx
DBMS-Report on Student management system.pptx
 
Artificial intelligence presentation2-171219131633.pdf
Artificial intelligence presentation2-171219131633.pdfArtificial intelligence presentation2-171219131633.pdf
Artificial intelligence presentation2-171219131633.pdf
 
Circuit Breakers for Engineering Students
Circuit Breakers for Engineering StudentsCircuit Breakers for Engineering Students
Circuit Breakers for Engineering Students
 
Augmented Reality (AR) with Augin Software.pptx
Augmented Reality (AR) with Augin Software.pptxAugmented Reality (AR) with Augin Software.pptx
Augmented Reality (AR) with Augin Software.pptx
 
Autodesk Construction Cloud (Autodesk Build).pptx
Autodesk Construction Cloud (Autodesk Build).pptxAutodesk Construction Cloud (Autodesk Build).pptx
Autodesk Construction Cloud (Autodesk Build).pptx
 
SLIDESHARE PPT-DECISION MAKING METHODS.pptx
SLIDESHARE PPT-DECISION MAKING METHODS.pptxSLIDESHARE PPT-DECISION MAKING METHODS.pptx
SLIDESHARE PPT-DECISION MAKING METHODS.pptx
 
Filters for Electromagnetic Compatibility Applications
Filters for Electromagnetic Compatibility ApplicationsFilters for Electromagnetic Compatibility Applications
Filters for Electromagnetic Compatibility Applications
 
Databricks Generative AI FoundationCertified.pdf
Databricks Generative AI FoundationCertified.pdfDatabricks Generative AI FoundationCertified.pdf
Databricks Generative AI FoundationCertified.pdf
 
Instruct Nirmaana 24-Smart and Lean Construction Through Technology.pdf
Instruct Nirmaana 24-Smart and Lean Construction Through Technology.pdfInstruct Nirmaana 24-Smart and Lean Construction Through Technology.pdf
Instruct Nirmaana 24-Smart and Lean Construction Through Technology.pdf
 
Fuzzy logic method-based stress detector with blood pressure and body tempera...
Fuzzy logic method-based stress detector with blood pressure and body tempera...Fuzzy logic method-based stress detector with blood pressure and body tempera...
Fuzzy logic method-based stress detector with blood pressure and body tempera...
 
Presentation on Slab, Beam, Column, and Foundation/Footing
Presentation on Slab,  Beam, Column, and Foundation/FootingPresentation on Slab,  Beam, Column, and Foundation/Footing
Presentation on Slab, Beam, Column, and Foundation/Footing
 
Involute of a circle,Square, pentagon,HexagonInvolute_Engineering Drawing.pdf
Involute of a circle,Square, pentagon,HexagonInvolute_Engineering Drawing.pdfInvolute of a circle,Square, pentagon,HexagonInvolute_Engineering Drawing.pdf
Involute of a circle,Square, pentagon,HexagonInvolute_Engineering Drawing.pdf
 
一比一原版(Griffith毕业证书)格里菲斯大学毕业证成绩单学位证书
一比一原版(Griffith毕业证书)格里菲斯大学毕业证成绩单学位证书一比一原版(Griffith毕业证书)格里菲斯大学毕业证成绩单学位证书
一比一原版(Griffith毕业证书)格里菲斯大学毕业证成绩单学位证书
 
Max. shear stress theory-Maximum Shear Stress Theory ​ Maximum Distortional ...
Max. shear stress theory-Maximum Shear Stress Theory ​  Maximum Distortional ...Max. shear stress theory-Maximum Shear Stress Theory ​  Maximum Distortional ...
Max. shear stress theory-Maximum Shear Stress Theory ​ Maximum Distortional ...
 
5G and 6G refer to generations of mobile network technology, each representin...
5G and 6G refer to generations of mobile network technology, each representin...5G and 6G refer to generations of mobile network technology, each representin...
5G and 6G refer to generations of mobile network technology, each representin...
 
一比一原版(NEU毕业证书)东北大学毕业证成绩单原件一模一样
一比一原版(NEU毕业证书)东北大学毕业证成绩单原件一模一样一比一原版(NEU毕业证书)东北大学毕业证成绩单原件一模一样
一比一原版(NEU毕业证书)东北大学毕业证成绩单原件一模一样
 

HTML Head Section Elements

  • 1.
  • 2.  Head Element : Defines information about the document.  The HTML elements that can be used inside the <head> element are: • <title> • <base> • <link> • <style> • <meta> • <script>
  • 3.  The browser supported by <head> tag are listed below: • Google Chrome • Internet Explorer • Firefox • Opera • Safari
  • 4.  Title tag : Defines the title of a document.  It is required in all HTML documents.  Only one title element is permitted in a document.  It must be placed within the <head> element.  It contains plain text, It may not contain other markup tags.
  • 6. Base tag : Defines a default address or a default target for all links on a page. <html> <head> <base href="https://www.sdcollegeambala.ac.in/"> </head> <body> <p><a href="computer-sc-app- department2017-18/">HTML Head base tag</a>.</p> </body> </html>
  • 7.  Defines the relationship between a document and an external resource <head> <title>Linking Style Sheets</title> <link rel="stylesheet" href="style.css"> </head>
  • 8.  Defines style information for a document <head> <title>Embedding Style Sheets</title> <style> body { background-color: YellowGreen; } h1 { color: red; } p { color: green; } </style> </head>
  • 9.  Defines metadata about an HTML document. <head> <title>Specifying Metadata</title> <meta name="description" content=“head section elements"> <meta name="keywords" content="HTML, CSS, JavaScript"> <meta name="author" content=“Somesh"> </head>
  • 10.  Defines a client-side script. <head> <title>JavaScript</title> <script> document.write("<h1>Hello World!</h1>") </script> </head>