Learn HTML

"Are you looking to learn HTML from scratch? Look no further! Our HTML course is designed for both beginners and advanced learners who want to master the fundamental concepts of HTML. Our comprehensive course covers everything from the basic concepts of HTML, including tags, attributes, and elements, to the more advanced concepts such as multimedia, responsive design, and accessibility."

HTML Chapters Menu

HTML Head Element

The HTML <head> element is a container for metadata and other head elements that are not visible on the webpage. It is placed inside the <html> element and before the <body> element. The <head> element typically contains elements such as <title>, <meta>, <link>, <script>, and <style>.

Here are some common elements that can be included within the <head> element:

  • <title>: This element is used to specify the title of the HTML document. It appears in the browser's title bar and is also used by search engines to determine the title of the page.
  • <meta>: This element is used to specify metadata about the document, such as the character set used, keywords relevant to the content, and a description of the page.
  • <link>: This element is used to link to external resources such as stylesheets, icons, or other web pages.
  • <style>: This element is used to define inline styles for the document.
  • <script>: This element is used to include JavaScript code in the document.

Here's an example of how the <head> element is typically used in an HTML document:


<!DOCTYPE html>
<html>
 <head>
   <title>Page Title</title>
   <meta charset="UTF-8">
   <meta name="description" content="Description of the page">
   <meta name="keywords" content="HTML, CSS, JavaScript">
   <link rel="stylesheet" href="style.css">
   <script src="script.js"></script>
 </head>
 <body>
   <!-- Visible content of the page goes here -->
 </body>
</html>


In the example above, the <head> element contains a <title> element which specifies the title of the webpage, and several <meta> elements which provide metadata about the page, such as its character encoding, description, and keywords. The <link> element is used to link to an external stylesheet, and the <script> element is used to link to an external JavaScript file.