Head

The HTML <head> element contains meta-information such as the page (<title>), character encoding (<meta>), and links to stylesheets and scripts, not visible on the page.

Key Components of the `<head>` Tag

`<title>`

The <title> tag defines the document’s title, which is displayed in the browser tab.

index.html

<title>Document Title</title>

`<meta>`

The <meta> tag is used for providing essential metadata like character encoding, description, author, and keywords.

index.html

<meta charset="UTF-8" />  
<meta name="description" content="Learn HTML" />  
<meta name="keywords" content="HTML, Tutorial" />  
<meta name="author" content="Your Name" />

`<link>`

The <link> tag is used to link external resources such as CSS files.

index.html

<link rel="stylesheet" href="styles.css" />

`<style>`

The <style> tag is used to define internal CSS styles directly within the document.

index.html

<style>  
  body {  
    background-color: lightblue;  
  }  
</style>

`<script>`

The <script> tag is used to include external or inline JavaScript, enabling interactive functionality.

index.html

<script src="script.js"></script>

`<base>`

The <base> tag sets a base URL for all relative links in the document.

index.html

<base href="https://institute.qarpeo.com" />

The <head> element is crucial for defining the document’s metadata, title, links to stylesheets, scripts, and other necessary settings. It plays a vital role in how the webpage is structured, displayed, and understood by both browsers and search engines.

Table

HTML tables (<table>) arrange data into rows (<tr>) and columns. Header cells (<th>) and data cells (<td>) work together to provide a structured layout.

Image

Images enhance a webpage's appearance. In HTML, the <img> tag is used, with the src attribute for the URL and alt for accessibility.